数码资讯
菜单式幻灯片切换的jQuery实现
jQuery菜单滑动切换是天猫官方网站,滑过图片切换的导航菜单,鼠标。 复制代码代码如下所示: $(函数(){()) / / floorcon滑 $(。floorcon-slide.floorconslideimgnav李跨度)。Css({不透明度:0.95 }) $(。floorcon-slide
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery菜单滑动切换是天猫官方网站,滑过图片切换的导航菜单,鼠标。
复制代码代码如下所示:
$(函数(){())
/ / floorcon滑
$(。floorcon-slide.floorconslideimgnav李跨度)。Css({不透明度:0.95 })
$(。floorcon-slide.floorconslideimgnav李。悬停)。找到(跨度)。Css({左0 }) / /岸
$(。floorcon-slide.floorconslideimgnav李)。Mouseover(function(){(){)
如果($(this)。HasClass(悬停){ return } / /名词)不拿咱冲言浩第七弧。
无功imgleft =美元(这)。指数()* 200 *(1)+PX;
$(这)。AddClass(悬停),(跨)。停止()。动画({ 0 },左:400)
$(这),兄弟姐妹()。RemoveClass(悬停),(跨)。停止()。动画({左:20px},600)
这是按剧本播放的。
$(这)。父()。Prev(。floorconslideimg)。停止()。动画({左:imgleft },400);
})
})
演示:
以上是本文的全部内容,希望大家能喜欢。
复制代码代码如下所示:
$(函数(){())
/ / floorcon滑
$(。floorcon-slide.floorconslideimgnav李跨度)。Css({不透明度:0.95 })
$(。floorcon-slide.floorconslideimgnav李。悬停)。找到(跨度)。Css({左0 }) / /岸
$(。floorcon-slide.floorconslideimgnav李)。Mouseover(function(){(){)
如果($(this)。HasClass(悬停){ return } / /名词)不拿咱冲言浩第七弧。
无功imgleft =美元(这)。指数()* 200 *(1)+PX;
$(这)。AddClass(悬停),(跨)。停止()。动画({ 0 },左:400)
$(这),兄弟姐妹()。RemoveClass(悬停),(跨)。停止()。动画({左:20px},600)
这是按剧本播放的。
$(这)。父()。Prev(。floorconslideimg)。停止()。动画({左:imgleft },400);
})
})
演示:
以上是本文的全部内容,希望大家能喜欢。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。