代码素材

vTicker演示文字和图片垂直滚动效果

特效介绍

  HTML

  首先我们放置一个滚动的列表

  引入 jQuery库和vticker相关组件

<script src="js/jquery.js"></script> 
<script src="js/jquery.vticker.min.js"></script>
调用vTicker插件非常简单
$(function() { 
    $('.sucaihuo').vTicker({ 
        showItems: 5, //显示多少行 
        pause: 3000 //滚动间隔,单位为毫秒 
    }); 
});
参数描述默认值
speed每次滚动持续时间,单位为毫秒700
pause滚动间隔,单位为毫秒4000
showItems显示多少行3
animation滚动动画,默认为空,可选 ‘fade’,既滚动时首位淡入淡出
mousePause鼠标悬停是否停止滚动true
isPaused默认是否暂停false
direction滚动方向,可选 ‘up’ / ‘down’‘up’
height容器高度,默认为 0,即根据 showItems 个数自动计算0

  • 0 次

本文链接:https://www.daimasucai.com//texiao-4.html

版权声明:本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。 若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。本站素材来源于网络,如有侵犯您的权益请及时告知,本站将及时处置。

联系客服
手机端
手机端
手机端
返回顶部