Nicole McIntyre 发布于

文章来源： 100素材网更新时间： 2014-07-05 19:38:38

文字滚动代码网页特效代码大全文字左右滚动代码滚动代码

<a style="display:none" href="http://www.100sucai.com">www.100sucai.com</a>
        <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>vTicker</title>
<meta name="description" content=" ">
<meta name="keywords" content=" ">
<style type="text/css" media="all">
body, html {
	padding: 0;
	margin: 0;
}
body {
	background: #cccccc;
}
#news-container {
	width: 400px;
	margin: auto;
	margin-top: 30px;
	border: 5px solid #333333;
}
#news-container ul li div {
	border: 1px solid #aaaaaa;
	background: #ffffff;
}
</style>
<script type="text/javascript" src="http://www.100sucai.com/img/demo/jquery.js"></script>
<script type="text/javascript" src="http://www.100sucai.com/img/demo/802.js"></script>
<script type="text/javascript">
$(function(){
	$('#news-container').vTicker({ 
		speed: 500,
		pause: 3000,
		animation: 'fade',
		mousePause: false,
		showItems: 3
	});
        $('#news-container1').vTicker({
		speed: 700,
		pause: 4000,
		animation: 'fade',
		mousePause: false,
		showItems: 1
	});
});
</script>
</head>
<body>
<div style="overflow: hidden; position: relative; height: 114px;" id="news-container">
  <ul style="position: absolute; margin: 0pt; padding: 0pt; top: 0px;">
    <li style="margin: 0pt; padding: 0pt; height: 38px; display: list-item;">
      <div> 4) jugbit.com jquery vticker more info more info more info more info more info </div>
    </li>
    <li style="margin: 0pt; padding: 0pt; height: 38px; display: list-item;">
      <div> 1) Lorem ipsum dolor sit amet, porta at, imperdiet id neque. more info </div>
    </li>
    <li style="margin: 0pt; padding: 0pt; height: 38px; display: list-item;">
      <div> 2) Lorem ipsum dolor sit amet, consectetur adipiscing elit. more info </div>
    </li>
    <li style="margin: 0pt; padding: 0pt; height: 38px;">
      <div> 3) Lorem ipsum dolor sit amet more info more info more info more info </div>
    </li>
  </ul>
</div>
</body>
</html>

在线演示

浏览次数次

react源码系统 vue源码系统 vue + typeScript源码系统

上一篇文章：常用网页相册滑动切换幻灯片特效代码AJAX Photo Gallery

下一篇文章：透明图片网页焦点图特效代码素材Professional Images title button slideshow with jquery plugin

首页

jquery特效

网页素材

网页特效

网站模板

图片素材

文字向上不间断滚动网页特效代码

推荐阅读：

相关代码：

标签分类