Javascript 点击切换图片(小demo)
来源:互联网 发布:os x 软件推荐 程序员 编辑:程序博客网 时间:2024/04/30 05:21
简述:
为了掩饰几张网页, 用JS就写了个简易的图片切换
里面有六章(可自定义张数)静态的图片,可以点击后循环切换
代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><body><script type="text/javascript">var id = 1;function next(){id = (id + 1) % 7;document.getElementById("image").src = './img/' + id + '.jpg'; //动态设定srcconsole.log(id);}</script><img id="image" width=1250 height=900 onclick='next()' src='./img/1.jpg' /></body></html>
文件目录:
img
- Javascript 点击切换图片(小demo)
- 用JavaScript实现点击循环切换图片
- Fragment生命周期及实现点击导航图片切换fragment,Demo
- 点击图片切换相机
- 点击切换图片
- checkbox点击切换图片
- js 点击切换图片
- 点击按钮切换图片
- 点击按钮切换图片
- 点击切换图片
- 点击切换图片
- 点击图片切换
- 【yoyo】点击切换图片
- 点击RadioGroup切换图片
- 点击按钮切换图片
- 点击按钮切换图片
- 点击切换图片js
- android 点击图片切换图片
- 信号完整性:接收端容性负载的反射
- Linux下的lds链接脚本基础
- 常用的uboot的bootargs设置
- Cassandra 常用命令
- 【android】下载大文件保持wifi网络连接
- Javascript 点击切换图片(小demo)
- 无法打开预编译头文件,以及一个有关stdafx.h的问题
- 设计模式 列表
- javascript 类定义的4种方法
- ifndef #endf
- AdaBoost中利用Haar特征进行人脸识别算法分析与总结1——Haar特征与积分图 .
- flex super
- android 4.0.1源码编译,学习错误解决
- linux上如何搭建Vsftpd