首页 > 其他 > 详细

图片切换

时间:2017-05-23 23:34:31      阅读:360      评论:0      收藏:0      [点我收藏+]

点击图片,对图片进行切换

技术分享
 1 <!DOCTYPE HTML>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5 <title>无标题文档</title>
 6 
 7 </head>
 8 
 9 <body>
10 
11 <img id="img1" src="img/2.jpg" width="200" />
12 
13 <script>
14 var oImg = document.getElementById(‘img1‘);
15 var onOff = true;        // 布尔值:true 1  false 0
16 
17 oImg.onclick = function (){
18     // if( oImg.src == ‘img/2.jpg‘ ){
19     // 有条件,就用现成的,如果没有,创造条件也得做事
20         
21     if( onOff ){
22         oImg.src = ‘img/4.jpg‘;
23         onOff = false;
24     } else {
25         oImg.src = ‘img/2.jpg‘;
26         onOff = true;
27     }
28 };
29 
30 </script>
31 
32 </body>
33 </html>
示例代码

 

图片切换

原文:http://www.cnblogs.com/123wyy123wyy/p/6896529.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!