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

焦点图轮播特效

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

已采纳回答 / YshuuuJ
抱歉回复晚了,,你的bannerBox的height单位不对,,加上px就好了

最新回答 / __LLLLLINKT_0
window.onload = function() { index=1;//当前页码 len=5;//图片张数 btn = document.getElementsByTagName("span");//获得众多小圆点元素 document.getElementsByTagName("span")[0].className="active";//设置第一个小圆点样式为active for(var...

最新回答 / FantastyFeii3413046
纠正一下,我那个方法前提是如果把图片当做背景图片了,你说的直接是img标签的话可以试试设置图片宽高为100% 100%
if (newLeft < -3192) {
list.style.left = -798 + "px";
}
}
}
go();

}
function go() {
if ((speed < 0 && parseInt(list.style.left) > newLeft) || (speed > 0 &&
parseInt(list.style.left) < newLeft)) {
list.style.left = speed + parseInt(list.style.left) + "px";
setTimeout(go, terval);

最新回答 / 肖小波
把按钮的背景图先display:none隐藏掉,然后你的index到哪一张大图的时候给对应大图的按钮背景图添加一个div{display:block}就行了
ie6 除了<a>标签之外很多遍标签都不支持:hover 伪类

最新回答 / 森威
CON.mouseover=stop;,你写错了,是onmouseover
老师做的PPT好腻害
啥不说了 赞一个吧
小bug的解决方法:在每一个onclick方法里的第一句加上:if(ainimated)return!表示正在切换时,点击无效!
next.onclick=function(){
if(ainimated)return;//正在切换时,点击无效!
}

最新回答 / Echo_Chien
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style>#ab{ width:100%; height:600px;position:absolute;}#ba{ width:600px; height:500px; border:1px solid rgba(102,153,153,1); margin:0 auto;posi...
老师在讲的时候,在左右切换单击事件中加入啦判断动画是否结束时,if(ainmate == false){
animate(200);
}应该也将下边小图标切换方法放到这个判断里面。这样就不会出现快速点击 图标跟上了鼠标的点击 但是 图片没有!
存在一个bug,就是如果鼠标不移进去不会开始轮播的。在onload里面也要加上paly();

最赞回答 / lind
原先就只有一个小圆点亮着,点击按钮,index的值发生变化,执行showButtons()函数,for循环执行找到亮起来的圆点,然后把他熄灭,break直接跳出循环执行buttons[index-1].className = 'on';使相对应的圆点亮起。
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消