- 时间:2022-01-02 06:10 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:基于jquery插件制作左右按钮与标题文字图片切换效果
本例用了2个js文件jquery-ui-1.8.6.core.widget.js和jqueryui.bannerize.js,到演示页面可以查看
CSS Code
[url=]<li><a href=""><img src="../erlianhaote.png" alt="" title=""></a></li>
<li><a href=""><img src="../mohe.png" alt="" title=""></a></li>
<li><a href=""><img src="../sanya.jpg" alt="" title=""></a></li>
<li><a href=""><img src="../xianggang.jpg" alt="" title=""></a></li>
<li><a href=""><img src="../zhoushan.jpg" alt="" title=""></a></li>
</ul><!--ui-banner-slides end-->
<ul class="ui-banner-slogans">
<li>大连</li>
<li>二连浩特</li>
<li>漠河</li>
<li>三亚</li>
<li>香港</li>
<li>舟山</li>
</ul><!--ui-banner-slogans end-->
<a href="" class="ui-banner-arrow ui-banner-arrow-prev png_bg"></a><a href="" class="ui-banner-arrow ui-banner-arrow-next png_bg"></a><div class="ui-banner-overlay png_bg"></div></div>
JavaScript Code
<script type="text/javascript">
$(document).ready(function(){
$('#banners').bannerize({
shuffle: 1,
interval: "5"
});
});
</script>