投稿 搜索
当前位置: 站长天下 / 界面UI滚动 / jquery新闻列表公告文字自动滚动代码
jquery新闻列表公告文字自动滚动代码
标签:

插件介绍

    一款jquery简单易用的新闻公告文字列表自动滚动,点击左右按钮可以切换滚动,支持自动滚动,左右滚动。js css结构分离清晰。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-15
    阅读:

jquery新闻列表公告文字自动滚动代码

简要教程

一款jquery简单易用的新闻公告文字列表自动滚动,点击左右按钮可以切换滚动,支持自动滚动,左右滚动。js css结构分离清晰。

使用方法

在页面调用jquery1.42.min.js、jquery.SuperSlide.2.1.1.js文件

<script type="text/javascript" src="js/jquery1.42.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>

文章滚动时间

<script type="text/javascript">
        jQuery(".rolling").slide({titCell:".roll-title ul",mainCell:".content ul",autoPage:true,effect:"leftLoop",autoPlay:true,scroll:1,vis:1,delayTime:1000,trigger:"click"});
</script>