
页面的head部分,需引入jQuery库和轮播插件,代码如下:
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollBanner.js"></script> 页面的body部分,仅需设置一个指定id的div容器即可,代码如下:
<div id="banner"></div> 页面的底部,对指定元素启用插件,并设置好相关参数,代码如下:
$("#banner").scrollBanner({
images : [
{src:"img/banner1.png",title:"banner1",href:"#"},
{src:"img/banner2.png",title:"banner2",href:"#"},
{src:"img/banner3.png",title:"banner3",href:"#"},
{src:"img/banner4.png",title:"banner4",href:"#"}
],
scrollTime:3000,
bannerHeight:"500px",
iconColor: "#FFFFFF",
iconHoverColor : "#82C900",
iconPosition : "center"
}); *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
