// JavaScript Document jQuery(function($) { $.fn.CHtip = function(options){ var settings = $.extend({}, $.fn.CHtip.defaults, options); var xOffset = 10; var yOffset = 20; $(this).each(function(){ $(this).hover( function(e){ showpics($(this).attr("mid"),$(this)); }, function(e){ closepics($(this).attr("mid")); } ); }); //价格提示 function showpics(showID,pObj){ var showObj = $("#"+showID); pOF = pObj.position(); showObj.addClass(settings.ClassName); showObj.css({position:"absolute",display:"block","padding": "10px",zIndex:"999","border": "1px solid #CFCFCF","box-shadow": "2px 2px 5px #CFCFCF"}); showObj.css({left:(pOF.left+pObj.width()/2)+"px",top:(pOF.top+pObj.height())+"px"}); } function closepics(closeID){ var closeObj = $("#"+closeID); var hideLayer = setTimeout(function(){closeObj.css({display:"none"})},settings.speed); closeObj.hover( function(){if(hideLayer)clearTimeout(hideLayer);}, function(){setTimeout(function(){closeObj.css({display:"none"})},settings.speed);} ); } //价格提示结束 }; $.fn.CHtip.defaults = { ClassName: 'CHtip', //弹出,消失时间延迟,ms为单位 speed: 100 //弹出,消失时间延迟,ms为单位 }; });