文档中的迂回jquery严格
我在文档 Strict 中使用 Roundabout jquery: http://frdhq.com/projects/roundabout/ ,但它在 IE 中不起作用。 这是我的来源:
HTML:
<ul class="roundabout">
<li><a title="#" href="#"><img alt="product 1" src="images/product-1.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 2" src="images/product-2.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 3" src="images/product-3.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 4" src="images/product-4.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 5" src="images/product-5.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 6" src="images/product-6.gif" /></a></li>
</ul>
CSS:
.roundabout-holder { height:250px; list-style:none; margin:0 auto; margin-bottom:50px; width:90%; }
.roundabout-moveable-item { height:190px; width:95px; }
.roundabout-moveable-item a { cursor:move; }
.roundabout-in-focus {}
.roundabout-in-focus a { cursor:pointer; }
JS:
jQuery(document).ready(function() {
jQuery(".roundabout").roundabout({
easing: 'easeInOutExpo',
shape: 'lazySusan'
})
.hover(
function() {
clearInterval(interval);
},
function() {
interval = startAutoPlay();
}
);
interval = startAutoPlay();
function startAutoPlay() {
return setInterval(function() {
jQuery(".roundabout").roundabout_animateToNextChild();
}, 3000);
}
});
为什么会这样?以及如何在文档严格中修复它,谢谢
I am useing Roundabout jquery at: http://fredhq.com/projects/roundabout/ in document Strict, but it dont woking in IE.
This is my source:
HTML:
<ul class="roundabout">
<li><a title="#" href="#"><img alt="product 1" src="images/product-1.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 2" src="images/product-2.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 3" src="images/product-3.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 4" src="images/product-4.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 5" src="images/product-5.gif" /></a></li>
<li><a title="#" href="#"><img alt="product 6" src="images/product-6.gif" /></a></li>
</ul>
CSS:
.roundabout-holder { height:250px; list-style:none; margin:0 auto; margin-bottom:50px; width:90%; }
.roundabout-moveable-item { height:190px; width:95px; }
.roundabout-moveable-item a { cursor:move; }
.roundabout-in-focus {}
.roundabout-in-focus a { cursor:pointer; }
JS:
jQuery(document).ready(function() {
jQuery(".roundabout").roundabout({
easing: 'easeInOutExpo',
shape: 'lazySusan'
})
.hover(
function() {
clearInterval(interval);
},
function() {
interval = startAutoPlay();
}
);
interval = startAutoPlay();
function startAutoPlay() {
return setInterval(function() {
jQuery(".roundabout").roundabout_animateToNextChild();
}, 3000);
}
});
Why is it? and How to i fix it IN DOCUMENT STRICT, Thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
用CSS试试
:
Try it with
Css: