关于jquery.scrollShow.js
一旦我为a标签添加ID,这个scroll的效果就会消失。
jQuery(function( $ ){
//borrowed from jQuery easing plugin
$.easing.backout = function(x, t, b, c, d) {
var s=1.70158;
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
};
$('#screen').scrollShow({
view:'#view',
content:'#images',
easing:'backout',
wrappers:'crop',
navigators:'a[id]',
navigationMode:'sr',
circular:true,
start:0
});
html:
<ul id="screen">
<li>
<a id="left" href="#" hidefocus="true" style="outline:none;"><img src="images/arr_l0.gif" alt="picture" width="38" height="38" border="0" /></a>
</li>
<li id="view">
<ul id="images">
<li><span><img src="images/screen_11.gif" alt="picture" /><a href="#" >1</a><br />
<br /></span></li>
<li><span><img src="images/screen_12.gif" alt="picture" /><a href="#" >2</a><br />
<br /></span></li>
<li><span><img src="images/screen_3.gif" alt="picture" /><a href="#">3</a><br />
<br /></span></li>
<li><span><img src="images/screen_23.gif" alt="picture" /><a href="#">4</a><br />
<br /></span></li>
<li><span><img src="images/screen_22.gif" alt="picture" /><a href="#">5</a><br />
<br /></span></li>
</ul>
</li>
<li>
<a id="right" href="#" hidefocus="true" style="outline:none;"><img src="images/arr_r0.gif" alt="picture" width="38" height="38" border="0" /></a>
</li>
</ul>
------解决方案--------------------
你贴出来的代码是正确的还是你加了id的啊