【分享】自闭症儿童网络画展 JS效果

zoukankan html css js c++ java

【分享】自闭症儿童网络画展 JS效果

超喜欢这些画，大爱。

http://show.baidu.com/

给孤独一个爱的抱抱。

其实，我们都挺孤单，在陌生的城市，上班、下班、挤公交。

下面附上这个JS效果！（注意：没有测试IE9以下浏览器兼容性）

明天就放假了，同学们到哪里去玩？有女朋友陪吗？
<! DOCTYPE html> <html> <head> <title></title> <mce:style type="text/css"></mce:style><style type="text/css" _mce_bogus="1"></style> </head> <body> <div class="box"> <div class="images" id="slideImages"> <div class="image"><img src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_001.jpg" _mce_src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_001.jpg" width="100%" height="100%"></div> <div class="image"><img src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_002.jpg" _mce_src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_002.jpg" width="100%" height="100%"></div> <div class="image"><img src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_003.jpg" _mce_src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_003.jpg" width="100%" height="100%"></div> <div class="image"><img src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_004.jpg" _mce_src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_004.jpg" width="100%" height="100%"></div> <div class="image"><img src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_005.jpg" _mce_src="http://images.cnblogs.com/cnblogs_com/idche/245996/r_images_2_005.jpg" width="100%" height="100%"></div> </div> </div> <div class="buttons"> <input type="button" value="幻灯片1" onclick="a.play(0)"> <input type="button" value="幻灯片2" onclick="a.play(1)"> <input type="button" value="幻灯片3" onclick="a.play(2)"> <input type="button" value="幻灯片4" onclick="a.play(3)"> <input type="button" value="幻灯片5" onclick="a.play(4)"> </div> </body> <mce:script type="text/javascript"></mce:script> </html>

查看全文

相关阅读:
css文本及文本装饰
 css尺寸常用样式
 了解css的两大特性
 css长度单位及字体
 css颜色
 css选择器详解
 了解css
html行级元素与块级元素以及meta标签的使用
 了解html表单
 html图片和html实体

原文地址：https://www.cnblogs.com/idche/p/2071958.html

【分享】 自闭症儿童网络画展 JS效果

【分享】自闭症儿童网络画展 JS效果