做兼职网站,著名网站设计,企业外贸网站,如何在网站上显示百度权重效果知识点#xff1a;企业布局技巧#xff0c;如何高效的编写CSS样式#xff0c;常用选择器#xff0c;基本标签#xff0c;盒子模型#xff0c;jquery类库调用#xff0c;JS特效编写#xff0c;JS编程思维等。京东电梯式轮播源码#xff1a;Document*{margin:0px;}/…效果知识点企业布局技巧如何高效的编写CSS样式常用选择器基本标签盒子模型jquery类库调用JS特效编写JS编程思维等。京东电梯式轮播源码Document*{margin:0px;}/* 属性:值; 身高:1.7m; 颜色:红色; px像素*/#flash{width:670px;/*宽*/height:240px;/*高*/background:#cc99cc;/*背景颜色*/margin:200pxauto 0px;position:relative;/*相对定位*/overflow:hidden;/*超出部分隐藏*/}#flash .scroll{width:670px;height:2400px;position:absolute;/*绝对定位*/left:0px;top:0px;}#flash .scroll img{display:block;/*块级*/}#flash ul.button{height:20px;width:144px;position:absolute;bottom:20px;right:10px;}#flash ul.button li{list-style-type:none;/*去掉圆点*/width:20px;height:20px;background:#666;float:left;/*左浮动*/margin:0px2px;color:#fff;text-align:center;/*水平距中*/font-size:12px;line-height:20px;/*行高 文字竖直距中*/border-radius:10px;/*圆半径*/box-shadow:2px2px 5px #000; }#flash ul.button li.hover{background:#cc3300;}123456var_index0;varsetTimenull;$(ul.button li).hover(function(){clearInterval(setTime);//清处定时播放器_index$(this).index();//alert(_index);// 给添加 classhover$(this).addClass(hover).siblings(li).removeClass(hover);$(.scroll).animate({top:-(_index*240)},1000);},function(){autoPlay();//鼠标移开调用自动播放});//自动轮播functionautoPlay(){setTimesetInterval(function(){_index;//序列号加 1if(_index5){_index0;}//当播到最后一张时回到第一张$(ul.button li).eq(_index).addClass(hover).siblings(li).removeClass(hover);$(.scroll).animate({top:-(_index*240)},1000);},2000);}autoPlay();
