首頁 DIY 放上了一個 圖片滾動 效果 但是 juqry 衝突了...
首頁 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">
<li><a href="{url}" target="_blank"><img src="{pic}" width="210" height="105" title="{title}" /></a></li>
</ul>
<ul class="piclist swaplist"></ul>
</div>
<div class="og_prev"></div>
<div class="og_next"></div>
</div>
拿掉 Jquery 圖片就不會 自動+手動滾動了...
但是放上去就全部衝突...DIY 模板都不能用@@
頁:
[1]