超简洁又强大的幻灯片JS、CSS代码，兼容性强

html,body {color:#333;font:12px Tahoma,Arial,宋体;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, p{margin:0;padding:0}
li {list-style-type:none;list-style-position:outside}
img {border:medium none;vertical-align:top}
input {vertical-align:middle;font-size:12px}
button {vertical-align:middle;font-size:12px}
ol, ul {list-style-image:none;list-style-position:outside;list-style-type:none}
a {color:#363636;text-decoration:none;}
.clear {clear:both;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
em {font-style:normal;}
.wei{ width:100px; height:100px; background:#00C; margin-left:10px;}
.img_show{ width:283px; height:194px; position:relative; margin:0 auto; margin-top:10px;}
.img{ width:283px; height:194px; overflow:hidden;}
.img ul li{ float:left; width:283px; height:194px;}
.img ul{ width:1415px; height:194px; }
.sz{position:absolute; right:5px; bottom:2px;}
.sz ul li{ float:left; width:20px; height:20px; background:#0F0; color:#00C; margin:0 5px; z-index:100; text-align:center; line-height:20px; cursor:pointer;}
.sz ul li.on{ background:#900; color:#FFF;}

<div class="con">
<div class="img_show">
<div class="sz">
<ul>
<li class="on">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<div class="img">
<ul>
<li><a href="http://www.cncco.com/"><img src="data:images/1.jpg" width="283" alt="css 特效" height="194"></a></li>
<li><img src="data:images/2.jpg"></li>
<li><img src="data:images/3.jpg" width="283" height="194"></li>
<li><img src="data:images/4.jpg" width="283" height="194"></li>
<li><img src="data:images/5.jpg" width="283" height="194"></li>
</ul>
</div>
</div>
</div>

超简洁又强大的幻灯片JS、CSS代码，兼容性强相关推荐

vue-codemirror实现一个前端代码在线编辑器，可处理 HTML,VUE,JS,CSS代码在线编辑
先找个目录创建一个vue项目例如我们想要项目叫 editor 在终端执行 vue create editor 2和3其实都可以但个人建议最近还是2会更稳定一些在终端执行 npm i code ...
聊天会话常用JS/CSS代码
滑动到列表底部 <div class="chat-dialog-cont"> <ul class="im-chat-ul"></u ...
【精灵雪花特效】（HTML+JS+CSS+代码+效果）
效果展示其余的效果,大家自己去体验叭! 代码下雪.html <!doctype html> <html> <head> <
炫酷科技感黑客感瀑布流html+js+css代码
效果如下代码如下 <!DOCTYPE html><html><head><meta http-equiv="Content-Type" ...
【彩虹线条爱心】（HTML+JS+CSS+代码+效果）
效果展示源代码 index.html <!DOCTYPE html> <html lang="en" >
Eclipse.自动提示--编写HTML/CSS/JS/JSP代码时自动提示的解决办法
最近在做一个javaweb的项目,在eclipse中编写jsp代码时没有代码提示这个梗让人很头疼,之前一直写Java代码或者在Dreamweaver中写HTML代码时自动提示代码用起来特别爽,这突然间 ...
js/css批量压缩工具(JsCssZip)
js/css批量压缩工具(JsCssZip)是一款页面简洁友好,功能强大的js/css代码压缩工具,它能对js和css代码进行压缩.精简,保持原有的代码的功能,让代码体积变小,点击压缩即可完成,提高代 ...
在jsp页面下, 让eclipse完全支持HTML/JS/CSS智能提示
我们平时用eclipse开发jsp页面时智能提示效果不太理想,今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclip ...
使Eclipse下支持编写HTML/JS/CSS/JSP页面的自动提示。
我们平时用eclipse开发jsp页面时智能提示效果不太理想,今天用了两个小时发现了eclipse也可以像Visual Studio 2008那样完全智能提示HTML/JS/CSS代码,使用eclip ...
特强的的拖动分页（JS+CSS
特强的的拖动分页(JS+CSS)太强了这个分页确实太强了,佩服啊. 效果图: 非常酷的JS+CSS拖动分页功能,无缝循环分页,拖动鼠标即可完成分页,鼠标向左拖动回到前一页,向右拖动则翻开第二页,还带 ...

超简洁又强大的幻灯片JS、CSS代码，兼容性强

超简洁又强大的幻灯片JS、CSS代码，兼容性强相关推荐

最新文章

热门文章