看到很多技术大牛都在写技术博客，作为刚刚入职的一名应届生，我想这是一种好习惯。大概在一个月前有了这样的想法，但是却一直没有实施，说起来真惭愧。今天终于决定发一篇文章，作为一个新的开始。如果这文章有幸被读者读到，我倍感荣幸，希望对你有所帮助，同时也期待着跟您的交流。
刚刚入职Web前端开发，还有很多东西需要学习，这段时间，我主要学习javaScript脚本技术，从零开始！
某些时候，见到网上点击轮换图比较帅气一点儿，所以便自己动手，把这个效果写了下，下面是源码。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>changeImages</title>
<meta name="author" content="Administrator" />
<!-- Date: 2014-06-16 -->
<style type="text/css">
body{margin: 0;padding:0;}
img{width:384px;height:512px;}
#content{margin: 0 auto;width:384px;height:512px;}
</style>
<script>
var b=0;//定义全局变量，否则每次点击都会从新计数
function changeImages(){
a=document.getElementById('show');//获取目标Id
if(b<4){//图片张数，遍历每张图
a.src="light0"+b+".gif";//替换位置
b++;
}else{
b=0;
}
}
</script>
</head>
<body>
<div id="content">
<img id="show" src="light00.gif" alt="点击换图" οnclick="changeImages()">
</div>
</body>
</html>
如果你有更好的方法，欢迎一起交流。
版权声明：本文为u014703834原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。