我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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://shouzuofang.com/article/pdespg.html

其他资讯