当前位置：首页 > 网页特效 > 滚动

适合移动手机使用的jQuery响应式滚动新闻插件

分类：滚动日期：2024-05-14 点击(0) 评论(0)

简介

使用该jQuery滚动新闻插件需要引入jQuery和ticker.js、ticker.css文件。

```html
<link rel="stylesheet" type="text/css" href="css/ticker.css">
<script src="js/jquery.min.js"></script>
<script src="js/ticker.js"></script>   
```             
##### HTML结构 
该jQuery滚动新闻插件的HTML结构如下：使用带.ticker-container class的div作为包裹元素，里面使用带.ticker-caption class的div元素作为滚动新闻的标题，所有的滚动新闻使用无序列表来制作。

```html
<div class="ticker-container">
  <div class="ticker-caption">
    <p>Responsive Ticker</p>
  </div>
  <ul>
    <div>
      <li><span>Ticker element 1 – <a href="#">read more</a></span></li>
    </div>
    <div>
      <li><span>Ticker element 2 – <a href="#">read more</a></span></li>
    </div>
    <div>
      <li><span>Ticker element 3 – <a href="#">read more</a></span></li>
    </div>
    <div>
      <li><span>Ticker element 4 – <a href="#">read more</a></span></li></li>
    </div>
    <div>
      <li><span>Ticker element 5 – <a href="#">read more</a></span></li></li>
    </div>
  </ul>
</div>    
``` 
通过上面的设置即可在页面上生成滚动新闻。其样式可以通过ticker.css文件进行自定义。

web299.com

适合移动手机使用的jQuery响应式滚动新闻插件

简介

html5浪漫粒子表白文字特效

SlidesJS幻灯片特效

html5瀑布流相册特效

css3 svg实现的情人节表白鲜花动画特效

t-scroll.js基于ES6的DOM元素,过渡动画库插件

纯js写省市区三级联动效果