jquery实现的图片轮换效果

$("#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显示
 }); 
});

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

成都创新互联公司专注于企业营销型网站、网站重做改版、巴里坤哈萨克网站定制设计、自适应品牌网站建设、HTML5建站、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为巴里坤哈萨克等各大城市提供网站开发制作服务。

保健食品申报流程

网站标题：jquery实现的图片轮换效果
网页URL：https://www.cdcxhl.com/article36/pdespg.html

成都网站建设公司_创新互联，为您提供静态网站、网站维护、网站改版、外贸建站、Google、小程序开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容