189 8069 5689

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实现的图片轮换效果
网站地址:http://cdxtjz.cn/article/pdespg.html

其他资讯