最新消息:

第69款插件:scrolltext.js让你的文字或图片逐行滚动

高级页面 杨红伟 9803浏览 0评论

描述:严格意义来说,这不是一款JQuery插件。今天把它放在这里,是为了更好地利用这款插件,这款插件很好使用,将来有时间的话,把它封装成为一款插件也是很好的。

图片

11

设定时间后显示的图片

22

兼容浏览器:IE6+/Firefox/Google Chrome
官方链接:暂无
JS下载:http://www.ijquery.cn/js/scrolltext-min.js

demo  down

参数说明:

scrollup.LineHeight = 24; //单排文字滚动的高度
scrollup.Amount = 1; //注意:子模块(LineHeight)一定要能整除Amount.
scrollup.Delay = 10; //延时
scrollup.Start(); //文字自动滚动
scrollup.Direction = "up"; //文字向下滚动

JS代码:

[js]

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

[/js]

HTML代码:

[html]

<div id="">
<ul id="scrolltext">
<li>1 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>2 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>3 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>4 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
<li>5 曹操后人沈阳聚会 相貌相似个个浓眉大眼</li>
</ul>
</div>

[/html]

CSS代码:

[css]

.main1_right2_2_2{width:450px;height:24px;line-height:24px;margin:0 auto;color:#666666;font-size:12px;}
.main1_right2_2_2 ul{}
.main1_right2_2_2 ul li{float:left;height:24px;width:450px;overflow:hidden;color:#666666;}
.main1_right2_2_2 ul li a:link,.main1_right2_2_2 ul li a:visited,.main1_right2_2_2 ul li a:hover{color:#349900;}

/*文字以新闻向上滚动的形式*/
.noticTipTxt{height:24px;line-height:22px;overflow:hidden;}
.noticTipTxt li{height:24px;line-height:22px;}
.noticTipTxt a{color:#0075E8;font-size:12px;text-decoration:none;}
.noticTipTxt a:hover{color:#ff7300;text-decoration:underline;}

[/css]


Warning: Use of undefined constant PRC - assumed 'PRC' (this will throw an Error in a future version of PHP) in /www/wwwroot/www.ijquery.cn/wp-content/themes/d8-3.0/comments.php on line 17
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址