动态标记悬停效应延迟加载示例代码
进行动态绑定事件------------------------标签复制代码代码如下所示:
无功outtimer; / /执行时间
无功uptimer; / /执行时间
无功sqdiv = $(# TM); / / DIV显示
为了将光标移动到div上的显示,div不会消失。
跨字段传输值
函数test1(){
$(# TM)(空); / /格是空的
$(ajax)
类型:邮政
网址: / / /基于WEB模块constructiondecision / getcommunityinfo。dostcode =+ DD,
DataType:JSON
异步:假,
成功:函数(数据){
var;
对于(var i = 0;i < data.length;i++){
++数据{ };
}
$(# TM)追加(TD);
}
});
$(# TM)显示();
}
功能测试2(DIV){ / /隐藏方法
如果(test = {)
$(# TM)藏();
}
}
$(# citytable (死)。活('mouseover).mouseout功能(事件){ / /动态标签绑定事件
如果(事件类型= =。'mouseover){ / /前进
ClearTimeout(outtimer); / /第一个空出来的时间,所以要避免在执行功能的鼠标,减轻服务器的压力
DD = $(this)。Attr(ID);
uptimer = setTimeout(test1,500);后 / / 0.5秒执行
}
如果(事件类型= =。'mouseout){
SqDiv.hover(
函数(){
测试;在鼠标上显示div
}函数(){()
测试;
test2();
});
ClearTimeout(uptimer);
outtimer = setTimeout(test2,500);
}
});
----------------------------非动态标签(查询数据)= = = = =
复制代码代码如下所示:
延时时间 / / hoverduring鼠标经过
延时时间 / /在小鼠去除
该方法执行 / / hoverevent鼠标
移动 / / outevent鼠标执行的方法
$(函数(){())
美元。fn.hoverdelay =功能(选项){
var默认值= {
hoverduring:200,
③:200,
hoverevent:函数(){
NOOP()美元;
},
outevent:函数(){
NOOP()美元;
}
};
VaR套=美元。扩展(默认值,选择| | { });
无功hovertimer,outtimer;
返回$(这个)。每个(函数()){
$(this)Hover(函数(){)
ClearTimeout(outtimer);
hovertimer = setTimeout(sets.hoverevent,集。hoverduring);
}函数(){()
ClearTimeout(hovertimer);
outtimer = setTimeout(sets.outevent,集。③);
});
});
}
复制代码代码如下所示:
/ / $(# sosofod H3 (一)(功能){
$(# sosoweb)。每个(函数(){)
当测试为空时,鼠标移动到隐藏div显示div的字段中。
var = $(这个);
var id = that.attr(ID);
var div = $(# TM);
Div.css(位置
That.hoverDelay({
③:1000,
hoverevent:函数(){
Div.css(显示
var = that.position(P); / /得到的左侧和顶部的元素
var = p.left + that.width(x); / /获得左浮动层
无功docwidth = $(document)(宽度); / /让页面宽度
如果(x > docwidth div.width)-(20){
x = p.left - div.width();
}
Div.css(左
Div.css(顶
/ / $(# TM)(显示);
},
outevent:函数(){
$(# TM)。HoverDelay({
③:1000,
hoverevent:函数(){
测试;
$(# TM)显示();
},
outevent:函数(){
测试;
$(# TM)藏();
}
});
如果(test = ){
$(# TM)藏();
}
}
});
});