汪超凡-优快云博客

原创第3课--3.2带缩略图的图片切换效果

带缩略图的图片切换效果 body,ul{ padding:0; margin:0; } li{ list-style:none; } a{ text-decoration:none; } .clear{ zoom:1; } .clear:after{ content:""; display:block; clear:both; overfl

2017-10-27 22:20:23 306

原创第3课--3.1QQ列表展开收缩扩展

QQ列表展开收缩扩展 body,ul,p{ padding:0; margin:0; } body{ background-color:#666; } li{ list-style:none; } #wrap{ width:300px; height:400px; margin:30px auto; } #w

2017-10-27 22:15:52 283

原创第2课--2.5for的图片生成应用我的版本

for的图片生成应用我的版本 body{ margin:0; } img{ text-align:center; } #wrap{ width:500px; height:600px; overflow:hidden; position:absolute; margin:10px 400px; } .pic_top{

2017-10-27 22:10:20 202

原创第2课--2.4自动生成V字型-只能用定位实现（提高版）

自动生成V字型-只能用定位实现（提高） body,input{ padding:0;margin:0; } #wrap{ width:500px; height:500px; border:1px solid blue; position:absolute; margin:10px 330px; } #wrap div{ width

2017-10-27 22:09:06 271

原创第2课--2.3自动生成V字型-只能用定位实现

自动生成V字型-只能用定位实现 #content{ width:500px; height:500px; border:1px solid red; position:absolute; } #content div{ width:100px; height:100px; background:red; font:30px/30px

2017-10-27 22:06:41 322

原创第2课--2.2自动生成100个LI-只能用定位实现（提高版）

自动生成10个Li-只能用定位实现 body,input{ margin:0;padding:0; } #wrap{ position:absolute; } div{ position:absolute; } window.onload = function() { var oBtn = document.getEleme

2017-10-27 22:05:27 304

原创第2课--2.1自动生成10个LI-只能用定位实现（基础版）

自动生成10个Li-只能用定位实现 .div0,.div4,.div8{ width:50px; height:50px; background:red; font:20px/30px "宋体"; text-align:center; position:relative; border:1px solid black; } .div1,.

2017-10-27 21:59:32 549