|
首頁 DIY 放上了一個 圖片滾動 效果 但是 juqry 衝突了...
有甚麼辦法可以解決呢?
原始碼
- <script type="text/javascript" src="../bbs/template/default/js/jquery.js"></script>
- <script type="text/javascript" src="../bbs/template/default/js/lrtk.js"></script>
- <style type="text/css">
- body,ul,li{ padding:0; margin:0;}
- ul,li{ list-style:none;}
- img{ border:none;}
- .box{ width:980px; margin:0 auto; position:relative; overflow:hidden; _height:100%;}
- .picbox{ width:980px; height:115px; overflow:hidden; position:relative;}
- .piclist{ height:115px;position:absolute; left:0px; top:0px}
- .piclist li{ background:#eee; margin-right:20px; padding:5px; float:left;}
- .swaplist{ position:absolute; left:-3000px; top:0px}
- .og_prev,.og_next{ width:30px; height:50px; background:url(../bbs/template/default/images/icon.png) no-repeat; background:url(../bbs/template/default/images/icon_ie6.png) no-repeat\9; position:absolute; top:33px; z-index:99; cursor:pointer;filter:alpha(opacity=70); opacity:0.7;}
- .og_prev{ background-position:0 -60px; left:4px;}
- .og_next{ background-position:0 0; right:4px;}
- </style>
- <div class="box">
- <div class="picbox">
- <ul class="piclist mainlist">
- [loop]
- <li><a href="{url}" target="_blank"><img src="{pic}" width="210" height="105" title="{title}" /></a></li>
- [/loop]
- </ul>
- <ul class="piclist swaplist"></ul>
- </div>
- <div class="og_prev"></div>
- <div class="og_next"></div>
- </div>
複製代碼
拿掉 Jquery 圖片就不會 自動+手動滾動了...
但是放上去就全部衝突...DIY 模板都不能用@@
1.zip
(77.49 KB, 下載次數: 1)
|
|