js简单图片切换
2024-09-02 10:41:56
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/> <title> </title> </head>
<style>
#zp img{
margin:0 auto;
}
</style>
<body>
<div id="zp">
<img src="iamges/46.png" width="300" height="200" id="img1"/>
</div> <input type="button" value="上一张" onclick="sz()"/> <input type="button" value="下一张" onclick="xz()"/>
</body> <script type="text/javascript">
var picArr=new Array("iamges/46.png","iamges/47.png","iamges/48.png","iamges/49.png","iamges/50.png"); var xp=0; function sz(){ xp++;
if(xp==picArr.length){
xp=0;
}
document.getElementById("img1").src=picArr[xp];
} function xz(){
xp--;
if(xp<0){
xp=picArr.length-1;
}
document.getElementById("img1").src=picArr[xp];
}
</script>
</html>
效果图
最新文章
- 修复Linux Mint损坏的依赖
- 项目部署到tomcat Root中后导致 WebApplicationContext 初始化两次的解决方法
- GCD基础知识总结
- CSS相邻兄弟选择器
- 黑马程序员——【Java基础】——集合框架
- 代理模式 (Proxy Pattern)
- javamail邮件发送例子
- jQuery1.11源码分析(5)-----Sizzle编译和过滤阶段[原创]
- js:数据结构笔记1---数组
- oracle遇到死锁杀进程
- eclipse 拨打电话、拨号,发短信
- [翻译]jQuery十周年-John Resig
- C#无限分级实现,前端WEB页面接收,后台提供层级Json数据
- Beta集合
- wiki
- S0.2 灰度图
- C++实现的一些功能代码
- Hadoop、Spark 集群环境搭建问题汇总
- dbeaver can&#39;t connect HBase1.2 using phoenix driver #1863
- Lua 随机数生成问题