jquery 实现的图片轮换效果

发布时间:2020-06-01 07:36:33 作者:realwisdom_cn
来源:网络 阅读:500
$("#id li").each(function(index){
//遍历#id li传入位置
 $(this).bind("mouseenter",index,function(e) {
//绑定鼠标经过的事件
  $("#id li").removeClass("hover");
//全部#id li移除 class:hover 的样式
  $(this).addClass("hover");
//经过的这个#id li增加 class:hover 的样式
  $("#id1").animate({width:'0px'});
//#id1的width变为0px  
  $("#id1").css("border","");
//#id1 增加css属性border 并赋值 
  $("#id2").hide();
//全部#id2隐藏
  $("#id2").eq(index).show();
//等于这个位置的#id2显示
 }); 
});

这是在一个网站上看到的,整理备用。

保健食品申报流程

推荐阅读:
  1. jquery实现图片放大效果
  2. Jquery实现图片轮播功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

图片 jquery function

上一篇:mysql数据库的安装

下一篇:XP系统下Chrome浏览器打开某些网站闪退的解决办法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》