当前位置: 首页 > news >正文

js实现图片自动切换效果。

js实现图片自动切换效果,简单实用,原谅我只是一只小菜鸟还在学大神天天写博文装逼。

<script language="javascript">
        setInterval(test, 2000);
        var array = new Array();
        var index = 0;
        var array = new Array("../../Content/images/3s1hj_kqzew4k2ozbhs2dwgfjeg5sckzsew_780x520.jpg", "../../Content/images/3s1hj_kqzewqs2ozbhsrdwgfjeg5sckzsew_450x600.jpg", "../../Content/images/3s1hj_kqzfc4leozbhmtcugfjeg5sckzsew_650x975.jpg");
        function test() {
            var myimg = document.getElementById("imgs");
            if (index == array.length - 1)
            { index = 0; } else { index++; }
            myimg.src = array[index];
        } 
</script>  


在页面需要的地方添加这个:
 <img style="width:200px; height:200px" id="imgs" src="../../Content/images/3s1hj_kqzdoqs2ozbhsq3wgfjeg5sckzsew_450x600.jpg" />

 

 

转载于:https://www.cnblogs.com/sunqiang/p/4495402.html

相关文章:

  • 2019-06-11 Java学习日记之Bootstrap
  • hdu 1561 树形dp+分组背包
  • 我使出这“三板斧”(分段锁、哈希锁、弱引用锁)灭霸跑了......
  • (转)eclipse内存溢出设置 -Xms212m -Xmx804m -XX:PermSize=250M -XX:MaxPermSize=356m
  • zimbra 证书过期--zimbra使用
  • 编程之美 象棋将帅问题
  • 你会写单元测试吗
  • 一道题浅谈【作业调度】与【进程调度】
  • imagick-3.1.0RC2 安装错误
  • Taro 1.3 震撼发布:全面支持 JSX 语法和 HOOKS
  • Android Adapter
  • ognl表达式
  • 直播APP关于后期运营你知道多少?
  • 【新手向】vim快捷注释与删除操作
  • Maven搭建SpringMVC+Mybatis项目详解
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • 【399天】跃迁之路——程序员高效学习方法论探索系列(实验阶段156-2018.03.11)...
  • 【技术性】Search知识
  • Django 博客开发教程 8 - 博客文章详情页
  • express如何解决request entity too large问题
  • flask接收请求并推入栈
  • Go 语言编译器的 //go: 详解
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • Making An Indicator With Pure CSS
  • MySQL常见的两种存储引擎:MyISAM与InnoDB的爱恨情仇
  • WePY 在小程序性能调优上做出的探究
  • 从0实现一个tiny react(三)生命周期
  • 猴子数据域名防封接口降低小说被封的风险
  • 前端存储 - localStorage
  • 如何解决微信端直接跳WAP端
  • 物联网链路协议
  • 译有关态射的一切
  • 再谈express与koa的对比
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • RDS-Mysql 物理备份恢复到本地数据库上
  • ​【已解决】npm install​卡主不动的情况
  • ​RecSys 2022 | 面向人岗匹配的双向选择偏好建模
  • ​马来语翻译中文去哪比较好?
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • # Swust 12th acm 邀请赛# [ K ] 三角形判定 [题解]
  • (12)Hive调优——count distinct去重优化
  • (附源码)spring boot球鞋文化交流论坛 毕业设计 141436
  • (附源码)springboot美食分享系统 毕业设计 612231
  • (算法)求1到1亿间的质数或素数
  • (原創) 如何將struct塞進vector? (C/C++) (STL)
  • (转)总结使用Unity 3D优化游戏运行性能的经验
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .md即markdown文件的基本常用编写语法
  • .Net MVC4 上传大文件,并保存表单
  • .net web项目 调用webService
  • .net知识和学习方法系列(二十一)CLR-枚举
  • .Net中间语言BeforeFieldInit
  • /proc/interrupts 和 /proc/stat 查看中断的情况
  • /usr/lib/mysql/plugin权限_给数据库增加密码策略遇到的权限问题
  • [ 代码审计篇 ] 代码审计案例详解(一) SQL注入代码审计案例