程序博客网 > c语言创建

DB-DAY3 一个简单的图片特效

来源：互联网发布：c语言创建编辑：程序博客网时间：2024/05/21 07:58

当你开始做出一个简单的特效，所有的努力就值了。

原理：首先，你需要N张图片，为这N张图片建立一个数组。根据点击事件动态将数组的元素赋给图片元素的SRC属性值。

具体代码：

<DOCTYPE html><html><head><meta charset="utf-8" /><title>点击按钮图片切换</title><style>#container{width:800px; height:1200px; margin:80px auto auto auto; text-align:center;}button{margin:30px 30px auto 20px;}</style><script>var picArray=["1.jpg","2.jpg","3.jpg","4.jpg"];var i=0;function next(){i++;if(i<picArray.length){document.images["babypic"].src=picArray[i];}else{i=0;document.images["babypic"].src=picArray[i];}}function previous(){i--;if(i>=0){document.images["babypic"].src=picArray[i];}else{i=picArray.length-1;document.images["babypic"].src=picArray[i];}}</script></head><body><div id="container"><h3>可爱宝宝秀</h3><img name="babypic" src="1.jpg" /><br/><button onClick="previous()">上一副</button><button onClick="next()">下一幅</button></div></body></html>

继续加油，DB！

0 0

c语言创建

c语言创建

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子手机百度云太慢怎么办 2016百度云太慢怎么办深圳的居住证怎么办选课系统进不去怎么办英语基础差怎么办秋冬季皮肤瘙痒怎么办天津怎么办宽带便宜长城宽带怎么办便宜电信手机号怎么办宽带宽带网速慢怎么办中国移动网速慢怎么办宣讲会迟到怎么办校园卡超出套餐怎么办北京移动校园卡怎么办浙大校园卡怎么办手机卡无法注销怎么办 400号码怎么办电信宽带网速慢怎么办电信光纤不稳定怎么办电信宽带信号差怎么办手机卡激活不了怎么办假如被拒绝怎么办跳槽了五险一金怎么办工商银行消费卡怎么办信用社卡被吞了怎么办网上怎么办卡银行卡怎么办中国工商银行卡留学生怎么办信用卡房贷批不下来怎么办五万额度信用卡怎么办网上怎么办银行卡商银通卡过期了怎么办怎么办三菱银行卡怎么办三菱银行卡用语工商银行怎么办网银农业银行冻结怎么办怎么办建设银行储蓄卡小孩子说话不清楚怎么办知识恐慌怎么办藕断丝连的感情怎么办心里烦躁该怎么办