js实现楼层效果的简单实例

今天自己写个楼层效果，有一点烦躁，小地方犯错误。各位大神来修改不足啊！！！

*{padding: 0;margin: 0;}
li{list-style: none;}
.main img{width: 850px;height: 700px;float: left;}
.title{width: 850px;height: 50px;text-align: center;line-height: 50px;}
.floor{position: fixed;top: 20px;right: 20px;display: none;}
.floor ul li{width: 70px;height: 30px;text-align: center;line-height: 30px;cursor: hand;cursor: pointer}
.liStyle{background-color: red;}
.loading{background:url("image/loading.gif") no-repeat center center;}
#back{cursor: hand;cursor: pointer;}




图片欣赏













第一张
第二张
第三张
第四张
第五张
第六张
第七张
第八张
第九张
第十张

返回顶部

 

以上这篇js实现楼层效果的简单实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持考高分网。