js文字滚动插件制作新闻公告列表scroll文字间歇滚动



245 978 327



特效描述:js 文字滚动插件 新闻公告列表 scroll文字间歇滚动,js文字滚动插件制作scroll文字自动滚动,设置新闻公告列表文字向上间歇滚动与文字向下间歇滚动。

代码结构

1. 引入JS

<script type="text/javascript" src="js/scrolltext.js"></script>

2. HTML代码

<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;vertical-align:middle;}
/*公告*/
.notice{width:387px;margin:20px auto;height:26px;overflow:hidden;background:url(images/bg.gif) no-repeat;}
.noticTipTxt{color:#ff7300;height:22px;line-height:22px;overflow:hidden;margin:0 0 0 40px;}
.noticTipTxt li{height:22px;line-height:22px;}
.noticTipTxt a{color:#0075E8;font-size:12px;text-decoration:none;}
.noticTipTxt a:hover{color:#ff7300;text-decoration:underline;}
</style>
<div class="notice">
	<ul id="jsfoot01" class="noticTipTxt">
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js无缝滚动制作js文字无缝滚动和js图片无缝滚动 <img src="images/hot001.gif" width="22" height="11" /></a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></li>
	</ul>
</div>
<div class="notice">
	<ul id="jsfoot02" class="noticTipTxt">
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字滚动制作js scroll单排文字滚动向上间隔滚动</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字特效制作js文字闪烁与文字变色效果</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js文字切换特效制作焦点文字带滤镜切换效果</a></li>
		<li><a href="http://www.dijiuzhanzhang.com/" target="_blank">js无缝滚动制作js文字无缝滚动和js图片无缝滚动 <img src="images/hot001.gif" width="22" height="11" /></a></li>
	</ul>
</div>
<script type="text/javascript">
// 演示一
if(document.getElementById("jsfoot01")){
	var scrollup = new ScrollText("jsfoot01");
	scrollup.LineHeight = 22;        //单排文字滚动的高度
	scrollup.Amount = 1;            //注意:子模块(LineHeight)一定要能整除Amount.
	scrollup.Delay = 20;           //延时
	scrollup.Start();             //文字自动滚动
	scrollup.Direction = "down"; //文字向下滚动
}
// 演示二
if(document.getElementById("jsfoot02")){
	var scrollup = new ScrollText("jsfoot02");
	scrollup.LineHeight = 22;        //单排文字滚动的高度
	scrollup.Amount = 1;            //注意:子模块(LineHeight)一定要能整除Amount.
	scrollup.Delay = 20;           //延时
	scrollup.Start();             //文字自动滚动
	scrollup.Direction = "up";   //默认设置为文字向上滚动
}
</script> 



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 文字叠加 滚动流动 文字拖动 文字提示框 文字收缩展开 文字放大缩小 文字翻转旋转 文字淡出淡进 文字全屏 文字延迟加载 360全景 html5文字动画 文字滚动 文字滑动 文字切换 自动滚动图片轮播 图片文字 文字导航菜单 文字 文字滚动 文字列表

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到