2012年10月9日
常见的js图片或内轮换效果
摘要： CSS:.CommentCustom{ height:210px; margin:30px 0;}.CommentCustom .scrollWrap{ position:relative; height:170px;}.CommentCustom .scrollWrap span.btn{ position:absolute; cursor:pointer; display:block; width:10px; height:122px; background:url(../images/cssPos/custom_last_bg.jpg) no-repeat left top;}.Comm 阅读全文
posted @ 2012-10-09 11:35 一只帅蚂蚁 阅读(282) 评论(0) 推荐(0)
模仿select选择框
摘要： Css：.CustomSearch{position:relative;background:#fff; width:170px;} .CustomSearch .title{ cursor:pointer; height:20px; line-height:20px;*line-height:22px;overflow:hidden; padding-left:5px; }.CustomSearch .title em{ float:right; margin:7px 10px 0 0; display:block;width:10px; height:10px; background: u 阅读全文
posted @ 2012-10-09 11:24 一只帅蚂蚁 阅读(210) 评论(0) 推荐(0)
js弹出幕布遮罩层
摘要： 简单的css，可以根据要求自定义内容区域大小：#customPop{position:fixed;_position:absolute; display:none; left:0; top:0; z-index:2000;}#customOpacity{ position:absolute; opacity:0.3;filter:Alpha(Opacity=30); z-index:2001; left:0; top:0; width:800px; height:800px;background:#000;}#customMain{ position:relative;z-index:2002 阅读全文
posted @ 2012-10-09 10:53 一只帅蚂蚁 阅读(1487) 评论(0) 推荐(0)
基于jquery的js幻灯片类
摘要： Css:<style type="text/css">.slideStyle{position:relative;width:750px; height:300px; border:1px solid red;}.slideStyle div.slideBox{ position:relative;width:750px; height:300px; overflow:hidden;}.slideStyle div.slideBox ul.imgList{ position:absolute;left:0; top:0;}.slideStyle div.slid 阅读全文
posted @ 2012-10-09 10:44 一只帅蚂蚁 阅读(378) 评论(0) 推荐(0)