首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jQuery兑现div滑动效果

2012-11-26 
jQuery实现div滑动效果??前端效果:???? 鼠标滑上div的时候,隐藏当前显示的div,显示另一个div,离开的话还原

jQuery实现div滑动效果

?

?前端效果:

?

??? 鼠标滑上div的时候,隐藏当前显示的div,显示另一个div,离开的话还原,使用slideUp()和slideDown()即可解决。

?

??? 需要注意的是,设置延迟的话,离开的时候当前div的时候未到达延迟时间,会导致离开之后div执行了事件,因此需要清除。

jQuery("#marketAppDiv").children('li').hover(function() {var me = this;this._timeout = setTimeout(function() {jQuery(me).children('div.subinfo').slideUp(300);}, 500);},function() {var me = this;clearTimeout(this._timeout);jQuery(me).children('div.subinfo').slideDown(100);});

?

?

?

热点排行