jQuery新闻播报插件

来源:https://www.sucaihuo.com/js/2287.html 2017-07-02 20:15浏览(720) 收藏

一款比较常用的jquery新闻播报插件,类似打字机打字的特效,可以自由控制播放或暂停,点击切换下一条或上一条,整体效果还是蛮不错的哦。
jQuery新闻播报插件
分类:文字特效 > 文字动画 难易:初级
查看演示 下载资源 下载积分: 30 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

页面head部分先引入CSS样式文件、jquery库和javascript插件,代码如下:

<link type="text/css" rel="stylesheet" href="css/style.css">
<link type="text/css" rel="stylesheet" href="css/ticker-style.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ticker.js"></script>
<script type="text/javascript" src="js/site.js"></script>

页面的body部分结构还是比较简单的,只需要将新闻的内容逐条写入<li>标签里,代码如下:

<body>
	<p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
	<h1>jQuery新闻播报插件</h1>
	<ul id="js-news" class="js-hidden">
		<li class="news-item">第一个阶段,是做出要求,对宇宙发出指令,让宇宙了解你想要些什么,宇宙就会自动回应你的想法。</li>
		<li class="news-item">这是一个很有意思的过程,就好比把宇宙当成一本货物的目录。</li>
		<li class="news-item">你翻着它,然后决定“我要经历这个,我要那种东西,我要跟那种人一起生活”。</li>
		<li class="news-item">你就是那个跟宇宙下订单的人。其实就是这样简单。</li>
		<li class="news-item">第二步是信念。你要相信你已经拥有它了。</li>
		<li class="news-item">要有一种毫不动摇的信念,就是我的说法,要相信还没有实现的事,“你的愿望就是我的命令”。</li>
		<li class="news-item">宇宙就会开始运作安排,从而满足你心中的愿望。</li>
	</ul>
	<noscript>
		<h2>吸引力法则</h2>
		<ul id="no-js-news">
			<li class="news-item">大多数的时候,假如我们要求的事物没有出现在生活中,我们会感到沮丧和失望。</li>
			<li class="news-item">我们甚至会开始怀疑,这种怀疑会让人感到心灰意冷。</li>
			<li class="news-item">接受这个感觉,然后用坚定的信念代替它:“我知道……我知道……我知道……,它就要实现了。”</li>
			<li class="news-item">第三步,就是这个过程最后一步,接受。</li>
			<li class="news-item">开始感觉好极了,想想要是你想要的事物已经出现,那会是什么感觉。</li>
			<li class="news-item">当你感觉好的时候,你就是把自己和你要的事物放在同一个频率上。</li>
			<li class="news-item">尝试去做一切你能做的事,帮助自己具有拥有它们的感觉。</li>
			<li class="news-item">无论你能做什么,只要去做,就有助于把这些东西吸引过来。</li>
		</ul>
	</noscript>
</body>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2