为了账号安全,请及时绑定邮箱和手机立即绑定

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰

最赞回答 / rainy_li3676598
如果你写stop();  表示的是立即执行,不管你前面的条件有没有被触发。但是如果写成 function () { stop();}, 就表示,你前面的条件执行了, 就开始执行函数, 函数就是里面的stop();只用stop, 类似指针,指向的是stop();这个函数, 记住一条:如果你把函数名写全了, 就变成了立即执行,如果你是条件式的, 前面都要加function(){你要加的函数}, 或者只写一个函数名, 后面不要括号(前提是, 你的函数里面没有参数)你可以写一个alert实验一下
主要是来看思路

最新回答 / oneandonly520
parsentInt将字符串转为整数,只有整数才能运算

最新回答 / oneandonly520
初始值啊,为了显示真正的第一张图片
谢谢老师,老师讲的很棒,慕课网很棒,点赞
进度条看不清楚 不能随心控制

最新回答 / rainy_li3676598
给下面的按钮做一个命名, 第一个为编号1,第二个为编号2, 以此类推, 这样可以实现在第几张图片显示的时候,对应 的圆点亮起来。你可以给它叫任何名字, 这个不是 z-index
老师把left直接写进行间了
正常是不会写里面去的
所以一般用getCurrentStyle获取样式表里的left 不获取行间的left
添加一下那个小小同学的代码
function move(dis) {
oWrap.style.left=parseInt(getStyle(oWrap,"left")) + dis + 'px';
}
oWrap是ul的ID 自己替换
oLeft.onclick=function () {
move(600);
};
oRight.onclick=function ()
{
move(-600);
};
说实话不是很好
封装id
获取currentStyle
把left还写在行间
图片多加两个完全 没必要
我还是回头重新学一遍js吧,前面都白学了
老师想得怎么总是和我不一样呢?我是for循环的时候又新建了一个变量buttons[i].int = i;保存它的索引值,然后再去list.style.left = -600 + -600 * this.int +'px';
在显示小黄点的时候可以直接用 index = Math.abs(parseInt(list.style.left) / 600) 来计算出index就不用再判断了

最新回答 / Dexter_psj
你可以去试试看parseInt(str)这个函数的作用,在第一句就写了var newLeft = parsenInt(list.style.left);这里已经把字符串转成数字了!
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消