仿网页效果(简单的)

详细操作

简单的html:

css:

/*清除内外边距*/
body,h2,p,ul,li{margin:0;padding:0;}
.container{margin:20px auto 0;width:1000px;}
ul{width:1100px;list-style:none;/*去掉列表项目符号*/}
ul li{display:inline;float:left;margin:0 20px 20px 0;padding:2px;height:156px;border:2px solid #eee;
-moz-border-radius:5px;/*低版本FF浏览器　圆角*/
-webkit-border-radius:5px;/*低版本Chrome和Shafri浏览器　圆角*/
border-radius:5px;/*其他浏览器 圆角*/behavior:url(http://jingyan.baidu.com/js/tool_iecss3.htc);/*IE浏览器 圆角*/
cursor:pointer;}

.container_cur{background:#EF8200; z-index:-2223}
.container_cur h2{line-height:134px;text-align:center;}
.container_cur h2 a{font-size:20px;color:#fff;}
.container_cur p{display:none;}

/*清除浮动*/
ul:after{display:block;clear:both;content:".";height:0;overflow:hidden;}
ul li div{padding:10px;height:134px;border:1px dashed #ccc;}
h2 a{text-decoration:none;color:#29B4F0;font-size:14px;}
p{font-size:14px;line-height:28px;}
.container_more{width:380px;}
.container_less{width:176px;}

?不复杂的js代码：
下面呢来看一下效果吧

鼠标没有放上去呢，是这个样子的

鼠标放上去呢，仔细看变化

?还有很特别的一点哦，注意观看

用户类似问题：

问题1：一个网页的js特效我想模仿下

哈哈，用插件做的，这里有个类似的 >>详细

问题2：简单的仿做个网页

威客发任务去 一个静态页200RMB >>详细

问题3：html页面仿投票效果，怎么做

用脚本在客户端设置COOKIE 30分钟过期用户点按钮 然后判断是否存在cookie 存在的话不给点 >>详细

问题4：用div+css仿一个企业网站那个简单 求推荐 要企业是...

请百度仿站利器或仿站工具; 请在一大堆列表里随心情选一个软件; 所有的仿站软件基本都是输入对方网站地址,然后点击一键下载 下载完成后你就会看到对方网站完整的目录结构及js,css和静态化的html 利用上述获得的文件,你就可以删吧删吧,改吧改啊的... >>详细

问题5：有哪些网站简单易仿 可以很快做出来的

问题不是很明确，基本上的网站都是很好仿的！~ >>详细