您的位置:首页 > Web前端 > HTML5

HTML5_旋转轮播-电子相册-新startMove函数写无缝轮播

2017-08-08 15:03 183 查看
1、 旋转轮播(用到了z-index)——-index.html

下面是新的startMove函数







旋转轮播要建立数组,move函数,和start函数如下

2、 无缝轮播(用新的startMove函数写的,里面含有z-index) ——-index1.html

1、 旋转轮播的完整版 index.html

方法一取余



方法二:如下判断属性



方法三:判断num的正负

2、电子相册—index1.html

(注意left:500)



此处box中left值为0,因为是绝对居中,其实相当于box对于中间线left:-250px;这两者是等价的。 所以,想得到如下效果,对于box取值left:-500px;,就是box最最左边的距离中间线的距离。

因此,最终两张图片居中。





关于善知教育(官网:善知教育(点击进入) 微信公众号:善知技术)

地址:北京东燕郊经济技术开发区文化大厦

咨询老师郑老师 电话/微信:13315631002 QQ:1939441377

目前我们开设Java服务器Html5前端网页Android移动端PHP服务器,有全日制班有周末班;

学费优惠至8480!!!!

我们的优势:

基础课程一个月免费学,全程面授;

平均就业薪资10000-15000;

免费重听,跨学科免费学习;

5-5.5个月大容量技术授课;

0学费0基础入学,海量项目实训, 弹性教学制度;

大部分学生找到月薪10k以上薪资工作, 项目实训自然终止;

课程全程视频录制,偶尔耽搁也不担心;

学习途中随时可以无理由退费根据学生情况;

灵活安排授课时间,一个科目学不会可以免费学习另一个科目;

全日制班,周末班,网上授课同时进行;

技术交流QQ群:198983438(加群请备注在哪里看到我们的群)在群里面随时会更新一些我们的课程视频以及开班动态

善知教育学习视频大汇总

善知教育石老师Java视频的网盘地址http://pan.baidu.com/s/1eQ0JHi6

善知教育吕老师Java视频http://pan.baidu.com/s/1i44RTjR

善知教育武老师Html5视频http://pan.baidu.com/s/1hsGGKnE

善知教育石老师Android知识点http://pan.baidu.com/s/1hsBpOQo
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息