JS全选与全不选及图片轮播.docx

div演示 .pic width: 200px;height: 300px;position: absolute; .point position: absolute;background-color: darkgrey;width: 40px;height: 30px;margin-top: 310px; #Layer1 position:absolute; left:450px; top:60px; width:350px; height:350px; z-index:1; #Layer2 position:absolute; left:0px; top:230px; width:30px; height:20px; display: none; z-index:2; #Layer3 position:absolute; left:320px; top:230px; width:30px; height:20px; display: none; z-index:3; #Layer4 position:absolute; left:10px; top:120px; width:100px; height:200px; z-index:1; #Layer9 position:absolute; left:80px; top:0px; width:20px; height:20px; z-index:2; var i = 0;/图片计数 var t ; / 定时器 var advlnTop = null; var picture = new Array() ; /图片数组 picture0 = img/4.jpg; picture1 = img/15.jpg; picture2 = img/98.jpg; picture3 = img/1.jpg; picture4 = img/2.jpg; picture5 = img/KATOO.jpg; var $imag = null; / 页面元素加载完成后执行 $(function () $imag = $(#imag); ); function change() /图片地址选择 t = setTimeout(change(),4000); i += 1; if(i 5) i = 0; $imag.attr(src , picturei); function rightCk() /图片的选择 i += 1 ; if(i 5) i = 0 ; $imag.attr(src , picturei); function leftCk() i -= 1; if(i 0) i = 5 ; $imag.attr(src , picturei); function showButton() /浮标的隐藏与显示 $(#Layer2).show(); /含有$符号的是用JQuery方法来写 的，也可以JS方法来写 $(#Layer3).show(); function hiddenButton() $(#Layer2).hide(); $(#Layer3).hide(); function sellectAll(status) /全选与全不选 var alls = document.getElementsByName(choose); for(var i = 0; i alls.length ; i+) if(allsi.type = checkbox) allsi.checked = status; function hideDive() /隐藏广告 var hiv = document.getElementById(Layer4); hiv.style.display = none; < > 全选 聊天 看电影 游泳 X 水平 这是三张效果图，