jQuery实现菜单式图片滑动切换【jquery】

web前端|js教程

jQuery,菜单式,图片,滑动,切换

web前端-js教程

jQuery菜单式图片滑动切换是一款天猫官方网站的鼠标滑过图片切换导航菜单特效。

flash源码 视频,vscode搜索占位,ubuntu在登录界面进不去,tomcat7036,sqlite游标查询详解,论坛html编辑器插件,前端技术框架与工程,哪里找来爬虫软件,php 传值 js,昌平京东seo,生日网站源码,如何查看网页图片代码,模板标签原理,数值方法(matlab版) 源程序lzw

$(function(){

// floorCon-slide

$(".floorCon-slide .floorConSlideImgNav li span").css({opacity:0.95})

$(".floorCon-slide .floorConSlideImgNav li.hover").find("span").css({left:0})//鍒濆

$(".floorCon-slide .floorConSlideImgNav li").mouseover(function(){

if($(this).hasClass("hover")){return}//涓嶅鐞嗘弧瓒崇姸鎬佺殑

var imgleft=$(this).index()*200*(-1)+"px";

$(this).addClass("hover").find("span").stop().animate({left:0},400)

$(this).siblings().removeClass("hover").find("span").stop().animate({left:"-20px"},600)

//鍥剧墖鏄剧ず

$(this).parent().prev(".floorConSlideImg").stop().animate({left:imgleft},400);

})

})

商城模版源码,vscode复制文件夹失败,ubuntu 安装hdmi,tomcat 8跟7,桌面爬虫视频,php采集url,seo新手教程留痕违规词lzw

演示图：

颜色识别 源码,vscode1.28扩展,ubuntu安装libre,tomcat的主页在哪,axie爬虫组合,php redis类库,seo优化都找哪些公司,asp源码搭建网站教程,简洁大气产品单页html模板lzw

以上就是本文的全部内容了，希望大家能够喜欢。