You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
6 years ago
|
// 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为单位
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|