|
|
这个根目录下的所有文件传到你的服务器论坛根目录下吧
然后属性里面DIY的宽度设置为222 高度为140
- <style type="text/css">
- /*优秀设计师*/
- .deanmxstar{ width:1160px; margin:100px auto; position:relative; z-index:1;}
- .deanmxsc{ margin-top:20px;}
- .deanmxstar .hd{ }
- .deanmxstar .hd .next{ position:absolute; left:-20px; font-size:30px; top:100px; color:#a9a9a9; cursor:pointer;}
- .deanmxstar .hd .prev{ position:absolute; right:-20px; font-size:30px; top:100px; color:#a9a9a9; cursor:pointer;}
- .deanmxstar .hd .next:hover,.deanmxstar .hd .prev:hover{ color:#00c091;}
- .deanmxsc ul{}
- .deanmxsc ul li{ width: 224px; height: 180px; margin-right: 10px; float: left;}
- .deanmxscimg{ width:222px; height:140px; overflow:hidden; border:1px solid #e6e6e6;}
- .deanmxscname{ height:40px; line-height:20px; height:40px; overflow:hidden; font-size:14px;}
- .deanmxscname a{ color:#333; font-size:14px;}
- .deanmxscname a:hover{ text-decoration:underline; color:#00c091;}
-
- </style>
- <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
- <script type="text/javascript" src="jquery.SuperSlide.2.1.1.js"></script>
- <link href="font-awesome.min.css" type="text/css" rel="stylesheet" />
- <script type="text/javascript">
- var jq=jQuery.noConflict();
- </script>
- <div class="deanmxstar">
- <div class="hd"><a class="next icon-chevron-left"></a><a class="prev icon-chevron-right"></a></div>
- <div class="deanmxsc">
- <div class="tempWrap">
- <ul>
- [loop]
- <li>
- <div class="deanmxscimg"><a href="{url}" target="_blank"><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" title="{title}" /></a></div>
- <div class="clear"></div>
- <div class="deanmxscname"><a href="{url}" target="_blank">{title}</a></div>
- </li>
- [/loop]
- </ul>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- jQuery(".deanmxstar").slide({titCell:".hd ul",mainCell:".deanmxsc ul",autoPage:true,effect:"left",autoPlay:true,vis:5});
- </script>
复制代码
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?立即注册
x
|