符号错了," var newLeft=parseInt(list.style.left)-hwr; "是+hwr;
资料下载里面有
应该是buttons
那就要把body设置的宽一些了 是可以出屏的
自问自答,animate()里面的newLeft = 跳转之前的left值+offset 这里的offst=-2400 所以加上第一张图的left值-600 就等于第五张图的left值 因为也点用了函数animate(offset);感觉好绕啊 这算不算JS里最难的?
你的绝对定位没写好,两个都是top:180px
图片路径不对。 视频内的图片位置是 当前位置下的 images 文件夹下的图片。
图片名称或者是格式不对。常规为 .img
如果依照老师的代码来,是可以动的,如果没有移动,那应该是list这个HTML里边 有一段style="left: -600px;"的代码没有加上,你可以试一试
请看第18、19行
图为老师源码
因为该列表的“第一张图”是图⑤,而每一张图宽度600px
所以要左偏600px,以显示图①
首先给每一个小圆点注册点击事件,当有点击事件时就获取当前小圆点的index值,减去之前index的值就是它偏移量,因为每个小圆点都对应了一张图片啊,每一张图片的位置都是有left属性值来确定的....
同学,首先你要明白index是一个全局变量,看看老师的代码 var index = 1; 是定义在全局范围下的 ,所以在任意一个简单函数中都是可以直接调用index
offset是传到animate里面的参数,不是最终left的值。将现在offset=-600传到animate之后,animate这个函数还要在加-600,最终变成-1200,也就是第二张图
可以将 debugger 语句放在过程的任何地方以中止执行。 使用 debugger 语句类似于在代码中设置断点。
debugger 语句中止执行,但它不关闭任何文件或清除任何变量。
[以上内容来自网络]
通俗来说就是他会中断代码的执行,就像视频中,点击圆点后会弹出一个操作按钮,继续执行代码或者退出代码,这个方法可以用来debug,判断某一段是否存在问题
移动端自适应的方法 无非就是 准备几套不同尺寸的图片 使用viewport实时的使页面宽度与移动端宽度尺寸相等后,使用@media去更换不同尺寸的图片,这种做法,称之为响应式!
hovor中的background-color属性设置的
我发现有毒啊,真的是点一下就显示“该文件可能已被移至别处或遭到删除”怎么都想不明白。
这里假设你图片的偏移尺寸为600 与视频一致
- 600 * ( myindex - index )
当 myindex - index > 0时 获得一个正值 正负得负 偏移量为负值 图片会向左偏移
myindex - index < 0 时 获得负值 负负得正 偏移量为正值 图片向右偏移
何来找不到偏移量?
把<div id='buttons'>下面的span加上index,依次index=‘1’--index=‘5’
点击小圆点图片也没换,相应的小圆点也没亮???迷!大佬的js代码发出来看看哪!我对比一下是不是我漏了什么!
这里改一下就好了
function Smove(a){
var newL=list.offsetLeft+a;
list.style.left=newL+'px'
if (newL<-3000) {
list.style.left=-600+'px';
}
else if(newL>-600){
list.style.left=-3000+'px';
}
}
用的是webstorm
不加,这个属性是本身就有的,我们不需要添加,可以通过getAtrribute(index)函数直接调用
不会啊,应该是你写的有bug有细节做得不好吧,我也是刚学,然而我这样一直点后一切正常,仔细检查检查代码吧,,,,,,
看你的图片列表样式中有没有设置定位,有没有left属性
阻止a标签的默认事件,其实是event.preventDefault这样写的,但是也可以直接这样写href="JavaScript:;"
在写页面的时候手动加上去的,不是原生属性,是自定义的一个属性
代码呢
在js中单引号和双引号的作用是类似的,只不过单引号中要嵌套的话只能用双引号,双引号中只能用单引号进行嵌套