-
- 遇上兔跑的龟 2021-08-19
window.onload=function(){}//window.onload事件当文档加载完后开始获取元素
声明变量获取元素时：
在var中， document.getElementById('')获取元素ID
.getElementsTagName('')获取标签元素，注意获取标签元素时Element后面多一个s
添加事件绑定：（触发事件要做什么）
点击箭头next时,进行图片位置偏移，即改变图片的left值
next.onclick = function(){
list.style.left = parseInt(list.style.left) + 偏移参数 + 'px';
}
封装为函数：把正、负参数通过函数调用
function jiantou(canshu){
list.style.left = parseInt(list.style.left) + canshu + 'px';
}
next.onclick=function(){
jiantou(-canshu)//输入一个负的偏移参数
}
prev.onclick=function(){
jiantou(+canshu)//输入一个正的偏移参数
}
- 0赞 · 0采集
-
- 慕后端4063090 2021-03-06
- oo
- 0赞 · 0采集
-
- 慕粉1724599673 2021-01-24
- 无缝滚动 轮播图 放大镜 购物车 鼠标拖拽 狂乱小球 顶部和侧边导航条
-
截图0赞 · 1采集
-
- weixin_慕移动4288594 2020-05-11
setTimeout()的用法。
- 0赞 · 0采集
-
- 慕丝1287912 2020-03-24
overflow ： 超出的部分隐藏起来
-
截图0赞 · 2采集
-
- qq_華_giuBDX 2019-10-01
overflow:hidden 隐藏边框外的部分 posotion: relative absolute 位置 相对的 绝对的 RGBA 透明度 z-index:2 堆叠顺序 数字大的显示在数字小的前面
- 0赞 · 1采集
-
- 慕斯卡4289367 2019-07-22
- 轮播图，基础知识
- 0赞 · 2采集
-
- weixin_慕勒1357949 2018-11-28
window.onload当页面加载完成后获取
- 0赞 · 0采集
-
- NEPTOO 2018-10-10
animate()函数
-
截图0赞 · 1采集
-
- qq_击石原有火_03828381 2018-09-16
HTML布局
-
截图1赞 · 1采集
-
- qq_击石原有火_03828381 2018-09-16
animate(offset)
-
截图0赞 · 0采集
-
- qq_击石原有火_03828381 2018-09-16
箭头点击功能
-
截图0赞 · 0采集
-
- 慕先生1765434 2018-07-26
无限循环
function animate(offset){
var newLeft = parseI nt(list.style.left)+offset;
if(newLeft >-600){
list.style.left = -3000+"px";
}
if(newLeft <-3000){
list.style.left = -600+"px";
}
}
小圆点
-
截图0赞 · 1采集
-
- 慕标4251973 2018-06-30
123344
- 0赞 · 0采集
-
- new_study 2018-05-13
设置定时器，清除定时器
- 0赞 · 0采集
-
- new_study 2018-05-13
定时器
-
截图1赞 · 2采集
-
- new_study 2018-05-13
debugger断点
-
截图0赞 · 0采集
-
- new_study 2018-05-13
可以获取自定义属性
-
截图0赞 · 0采集
-
- 一个非相关专业的人 2018-04-25
position: relative做容器。里面的元素absolute实现相对定位。
- 1赞 · 1采集
-
- Freeer 2018-04-24
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
值为1 显示在上面 ，为-1显示在下面，堆叠排列。-2 -1 1 2 3 依次排列
- 3赞 · 1采集
-
- 慕粉1620057896 2018-03-10
- 箭头切换函数
-
截图0赞 · 0采集
-
- 哔哩少侠 2018-02-24
- 快速点击时，会出现小圆点和图片不对应的情况，解决方案是当图片处于动画状态时，直接屏蔽掉点击事件 next.onclick = function(){ if(animated){return;} else{ if(index == 1){ index = 5; } else{ index -= 1; } animate(-600); return false; } }
- 1赞 · 4采集
-
- 哔哩少侠 2018-02-24
- getAttribute可以获取自定义的属性，也可以获取自带的属性。
- 0赞 · 0采集
-
- 社会欢_编程小渣渣 2018-01-20
- 焦点轮播图
- 0赞 · 0采集
-
- 慕盖茨2419053 2018-01-19
- 焦點輪播圖
-
截图0赞 · 0采集
-
- 凡简 2017-12-05
- getAttribute()DOM2级方法 可以获取DOM自带的属性 也可以获取自定义属性
-
截图0赞 · 0采集
-
- 凡简 2017-12-05
- window.onload 页面加载完毕后开始获取元素
-
截图0赞 · 0采集
-
- 陈雨璐 2017-12-05
- window.onload=function( ) 页面加载完之后才开始获取元素
- 0赞 · 0采集
-
- 深情的兔子 2017-11-12
- 小div 套 大 div 大的 浮动
- 0赞 · 0采集
-
- 慕瓜5189485 2017-11-09
- window.onload=function() { var container=document.getElementById('container'); var list=document.getElementById('list'); var buttons=document.getElementById('button').getElementsByTagName('span'); var prev=document.getElementById('prve'); var next=document.getElementById('next'); prev.onclick=function(){ animate(600); } next.onclick=function(){ animate(-600); } function animate(offect){ list.style.left=parseInt(list.style.left)+offset+‘px’; }
- 0赞 · 0采集
