JS实现的手机端精简幻灯片效果


Posted in Javascript onSeptember 05, 2016

本文实例讲述了JS实现的手机端精简幻灯片效果。分享给大家供大家参考,具体如下:

var curIndex = 0;
var timeInterval = 4000;
var arr = new Array();
arr[0] = "fukeb.jpg";
arr[1] = "baopi.jpg";
arr[2] = "renliub.jpg";
setInterval(changeImg, timeInterval);
function changeImg() {
  var obj = document.getElementById("showpic");
  if (curIndex == arr.length - 1) {
    curIndex = 0;
  } else {
    curIndex += 1;
  }
  obj.src = "/templets/v1/images/" + arr[curIndex];
}
document.writeln("<div style=\"width:300px;margin:10px auto 0 auto;overflow:hidden;\"><a href=\"/zixun/?f=top_ad\" target=\"_blank\"><img src=\"/templets/v1/images/fukeb.jpg\" id=\"showpic\" /></a></div>");

效果图:

JS实现的手机端精简幻灯片效果

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
javascript实现json页面分页实例代码
Feb 20 Javascript
简单实现jquery焦点图
Dec 12 Javascript
简单实现Vue的observer和watcher
Dec 21 Javascript
weebox弹出窗口不居中显示的解决方法
Nov 27 Javascript
利用JavaScript缓存远程窃取Wi-Fi密码的思路详解
Nov 05 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
Apr 29 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
VUE解决 v-html不能触发点击事件的问题
Oct 28 Javascript
JS面试题中深拷贝的实现讲解
May 07 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 #Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 #Javascript
AngularJS实现标签页的两种方式
Sep 05 #Javascript
Vuejs第八篇之Vuejs组件的定义实例解析
Sep 05 #Javascript
详细谈谈AngularJS的子级作用域问题
Sep 05 #Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
Sep 05 #Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 #Javascript
You might like
详解:――如何将图片储存在数据库里
2006/12/05 PHP
《PHP编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
PHP访问MYSQL数据库封装类(附函数说明)
2010/12/04 PHP
实现PHP+Mysql无限分类的方法汇总
2015/03/02 PHP
Laravel 5.3 学习笔记之 配置
2016/08/28 PHP
PHP入门教程之字符串处理技巧总结(转换,过滤,解析,查找,截取,替换等)
2016/09/11 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
Jquery 复选框取值兼容FF和IE8(测试有效)
2013/10/29 Javascript
javascript中callee与caller的区别分析
2015/04/20 Javascript
JavaScript ParseFloat()方法
2015/12/18 Javascript
JavaScript拖拽、碰撞、重力及弹性运动实例分析
2016/01/08 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
详解webpack + vue + node 打造单页面(入门篇)
2017/09/23 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
利用JavaScript的Map提升性能的方法详解
2019/08/14 Javascript
Node.js API详解之 dgram模块用法实例分析
2020/06/05 Javascript
Python跨文件全局变量的实现方法示例
2017/12/10 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
Python Pandas 箱线图的实现
2019/07/23 Python
基于Django的乐观锁与悲观锁解决订单并发问题详解
2019/07/31 Python
python 解压、复制、删除 文件的实例代码
2020/02/26 Python
详解pycharm连接远程linux服务器的虚拟环境的方法
2020/11/13 Python
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
ProBikeKit新西兰:自行车套件,跑步和铁人三项装备
2017/04/05 全球购物
大学生求职中的自我评价
2013/10/01 职场文书
会计专业应届生求职信
2013/11/24 职场文书
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
竞聘上岗演讲
2014/05/19 职场文书
2014年物流工作总结
2014/11/25 职场文书
餐厅保洁员岗位职责
2015/04/10 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
暖春观后感
2015/06/08 职场文书
工作时间证明
2015/06/15 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python