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:http://cdiso.cn/article/pdespg.html