-
技能点，复习查看全部
-
动画函数查看全部
-
parseInt() 会忽略字符串前面的空格，找到第一个非空格字符串，若遇到的第一个字符是数字，将会继续解析第二个字符，直到解析完后续所有字符或遇到了非数字字符。查看全部
-
1、关于无线循环播放图片的问题： 在animate中加入判断：当(left>-600)||(left<-3000)时，做一个归位。 var newLeft = parseInt(list.style.left) + offset;常用的变量，做一个存储 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、关于小圆点切换图片的问题： var index = 1; //亮起小圆点 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭头点击，小圆点亮起切换的问题 //在next.onclick函数中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一个判断 index += 1; showButton();查看全部
-
箭头切换查看全部
-
基本布局查看全部
-
setTimeout(动作，间隔时间） 该函数的动作只能执行一次 setInterval(动作，间隔时间) 该函数运行多次 setInterval(function(){}, 300); 简单函数可以在定义时直接传入 function(){} 定义函数 clearInterval 清除定时器 onmouseover 鼠标移上 onmouseout 鼠标移出查看全部
-
getAttribute 获取属性（即可获得DOM本身就有的属性i也可以获得自定义属性）查看全部
-
js parseInt() 把字符串转成数字，即500px 变为 500查看全部
-
return是退出正在执行的函数。break是跳过当前循环语句执行下面的语句。查看全部
-
老师 轮播图上的按钮在IE6下有问题啊 一定要做到严禁啊查看全部
-
给buttons添加事件： var button = document.getElementById('buttons').getElementByTagName('span'); //用for循环加上事件 for(var i = 0;i < buttons.length;i++){ buttons[i].onclick = function()//为每一个按钮加上onclick事件 { if(this.className == 'on'){return;}//代码优化^_^ var myIndex = parseInt(this.getAttritube('index'));//index为自定义属性，不能直接使用this.index获取。getAttribute为DOM二级方法 var offset = -600 * (myIndex - index);//获取每次点击小圆点时的偏移量 index = myIndex;//index归位为当前最新的状态 animate(offset); showButton();//按钮样式更换 } }查看全部
-
1、关于无线循环播放图片的问题： 在animate中加入判断：当(left>-600)||(left<-3000)时，做一个归位。 var newLeft = parseInt(list.style.left) + offset;常用的变量，做一个存储 list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'; } 2、关于小圆点切换图片的问题： var index = 1; //亮起小圆点 function showButton(){ for(var i = 0;i < buttons.length;i++){ if(buttons[i].className == 'on'){ buttons[i].className = ''; } } buttons[index - 1].className = 'on'; } //左右箭头点击，小圆点亮起切换的问题 //在next.onclick函数中加入如下，prev.onclick中同理 if(index == 5){ index = 1; } else{ index += 1; }//先做一个判断 index += 1; showButton();查看全部
-
window.onload = function(){ var container = document.getElementById('container'); var list = document.getElementById('list');//获取列表 var buttons = document.getElementById('buttons').getElementByTagment('span');//获取按钮 var prev = document.getElementById('prev');//获取箭头 var next = document.getElementById('next'); //绑定事件 function animate(offset){ list.style.left = parseInt(list.style.left) + offset + 'px'; } next.onclick = function(){ animate(-600);//点击时向左移动600像素 } prev.onclick = function(){ animate(600);//点击时向右移动600像素 } }查看全部
-
封装函数查看全部
举报
0/150
提交
取消