| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2344 人关注过本帖
标题:[求助]文字向上间断滚动的特效代码
只看楼主 加入收藏
yfen258
Rank: 1
等 级:新手上路
帖 子:266
专家分:0
注 册:2006-3-31
收藏
 问题点数:0 回复次数:4 
[求助]文字向上间断滚动的特效代码
大家好!
文字向上周期滚动,滚上一次,就停止几秒钟,再滚动,接着停止几秒钟... ... 循环如此周期滚动着~~~`
这样的特效代码怎么弄??

我在网上找了好久没找到合适的,谢谢大家
搜索更多相关主题的帖子: 特效 文字 代码 滚动 
2007-10-23 10:12
yfen258
Rank: 1
等 级:新手上路
帖 子:266
专家分:0
注 册:2006-3-31
收藏
得分:0 

我以前见过这这种特效,
就是一个公告板,每隔一会儿就会向上滚动一段文字,滚动到位后停下几秒,然后再滚动下一段消息。

帮忙下,谢谢大家~~~~~


2007-10-23 11:05
yfen258
Rank: 1
等 级:新手上路
帖 子:266
专家分:0
注 册:2006-3-31
收藏
得分:0 

2007-10-23 11:23
渚薰
Rank: 6Rank: 6
等 级:贵宾
威 望:22
帖 子:1132
专家分:0
注 册:2006-8-6
收藏
得分:0 
回复:(yfen258)[求助]文字向上间断滚动的特效代码

<!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></title>
<script type="text/javascript">
var RollAd=(function() {
var _extend=function(desitination,source) {
for (var m in source) {
desitination[m]=source[m]
}
return desitination;
};


var constructor=function(
container, /*需要绑定的marquee容器,可以传id,也可以也直接传dom 元素*/
freq, /*滚动的时间,单位秒*/
delay, /*两次滚动的间隔时间,单位秒*/
style /*marquee元素的样式*/
) {
var self=this;
var stoped=false;
var rollTimeoutId=null;

container=(typeof container=='string'?document.getElementById(container):container);
style=_extend({
width:'100%',
height:'15px'
},style || {});
for (var s in style) {
container.style.s=style[s];
}


var _roll=function() {
if (!stoped) {
rollTimeoutId=setTimeout(_stop,freq*1000);
} else {
rollTimeoutId=setTimeout(_start,delay*1000);
}
};

var _start=function() {
stoped=false;
container.start();
_roll();
};

var _stop=function() {
stoped=true;
container.stop();
_roll();
};

_roll();

};

return constructor;
})();
/*示例代码*/
window.onload=function() {
new RollAd('rollAd',3,4);
}
</script>
</head>

<body>
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="15" id="rollAd">
dfdfasfdsa <br />
dfdfd<br />
dfdfdf<br />
dfdfdf<br />
</marquee>
</body>
</html>


个人ajax技术专题站: " target="_blank">http://www. 我不会闲你烦,只会闲你不够烦!
2007-10-23 11:39
huangyong
Rank: 16Rank: 16Rank: 16Rank: 16
来 自:湖北武汉
等 级:版主
威 望:20
帖 子:603
专家分:7
注 册:2006-7-21
收藏
得分:0 
不错的代码,谢谢
2007-10-27 13:44
快速回复:[求助]文字向上间断滚动的特效代码
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.015141 second(s), 9 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved