--- 恢复内容开始 ---
jQuery 实现轮播图不用单独加载.
思路:
a. 通过 $("#id 名"); 选择需要的一类标签, 获得一个伪数组
b. 由于是伪数组的原因, 而对数组的处理最多的是遍历, 所以会用到 for(); 通过循环可以排除掉其他 (包括自己)
c. 遍历后可以单独改变自己的样式
- <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
- <script>
- $(function(){
- var index=1;
- var lis=$(".num li");
- var time=Windows.setInterval(function(){
- $("#img1").attr("src","images/flash/"+index+".jpg");
- index++;
- if(index>4){
- index=1;
- }
- // 排他思想
- for(var i=0;i<lis.length;i++){
- for(var j=0;j<lis.length;j++){
- lis[j].style.background="red";
- lis[j].style.color="white";
- lis[j].style.opacity=0.6;
- }
- lis[index-1].style.background="black";
- lis[index-1].style.color="blue";
- }
- },1000);
- });
- </script>
代码不知道还能简化不, 有优化的地方, 可以互相交流哦!
来源: http://www.bubuko.com/infodetail-2974307.html