首先，html部分非常简单，因为图片，按钮等都是在js中动态添加的。

然后就是css部分

 1 @charset "utf-8";
 2 html,body{
 3     padding:0px;
 4     margin:0px;
 5     border:0px;
 6 }
 7 #rq{
 8     position:relative;
 9     top:0px;
10     left:0px;
11     width:500px;
12     height:300px;
13     overflow: hidden;
14 
15     background-color: #c33;
16 }
17 .img{
18     width: 500px;
19     height:300px;
20     overflow:hidden;
21     float:left;
22 
23 }
24 #rq_hid{
25     position:absolute;
26     top:0px;
27     left:0px;
28     width:500px;
29     height:300px;
30     overflow: hidden;    
31     transition:left 0.5s linear;
32 }

更多相关文章

1. 动态的JQUERY追加父子div。
2. 彻底解决IE8和IE9下ewebeditor上按钮无效的方法
3. 如何在单击按钮时将桌面应用程序导航到系统中设置的默认邮件提供
4. 读取json并显示鼠标上的动态值
5. 浏览器环境下JavaScript脚本加载与执行探析之动态脚本与Ajax脚本
6. 如何在选择单选按钮时显示文本字段
7. bootstrap入门【按钮式下拉菜单，输入框组】
8. 在AngularJS中轻松控制dom - 单击按钮，然后将焦点设置为输入元素
9. 动态定位Bootstrap工具提示（用于动态生成的元素）

随机推荐

1. jquery-validation-1.13.1 自定义验证正
2. ECharts + Jquery 做大屏展示
3. jquery中获取相邻元素相关的命令：next()、
4. jquery ajax IE8下失效
5. jquery parent和parents的区别
6. jquery蔚蓝网总结三个页面
7. Yii - 加载ajax表单元素的用户端验证
8. jquery美元。ajax自定义http头问题
9. Jquery注册服务器控件事件与判断控件的值
10. 删除后重新插入后保留对元素的引用