使用JS完成首页轮播效果
来源:互联网 发布:算法第四版中文版pdf 编辑:程序博客网 时间:2024/06/07 02:33
技术点:
1.确定事件onload并为其绑定一个id
2.使用window.setInterval进行图片的循环
3.在定时操作的函数中绑定一个函数
4.通过变量进行循环(其中千万要记住在到最后一张图片时一定要进行重置操作)
代码:
function init(){
window.setInterval("changImg()",4000);
}
var i=0;
function changImg(){
i++;
document.getElementById("img1").src="../img/"+i+".jpg";
if(i==3){
i=0;
}
}
’
注意:
1.在图片的设置上一定要格式统一比如图一为a1.jpg、图二为a2.jpg、图三为a3.jpg要以这样的格式命名。因为在书写第二个函数changImg()中,使用变量获取。
2.同时在body中要绑定事件onload
代码如下:
(不能忘了!)
3.轮播的图片大小一样!
阅读全文
0 0
- 使用JS完成首页轮播效果
- 使用js制作一般网站首页图片轮播效果
- js实现首页图片的轮播效果
- jQuery首页轮播效果
- android 仿首页广告轮播效果
- ecshop的首页主广告轮播替换为js翻转效果,最模板方法二
- 图片轮播JS效果
- js实现轮播效果
- 使用JS制作简易图片轮播效果
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 【Android】首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 安卓首页图片轮播效果(淘宝、京东首页广告效果)
- 网站首页的轮播新闻flash效果实现
- HTML之frameset标签
- 【前端】格式化Json传递的日期
- 战败
- 封装-this-static
- ThinkPHP3.2.3整合支付宝接口
- 使用JS完成首页轮播效果
- Linux下Tomcat开机自动启动
- JQuery基础 JQuery的基本操作
- KITTI与Cityscapes简介
- SPI四种模式区别
- centos7系统默认防火墙Firewall使用方法
- Android 6.0+版本运行时权限的动态申请与主要危险权限组列举
- C语言发展史,第一个C语言程序,多语言对比
- destoon中热搜功能