社区
ASP
帖子详情
可以让滚动的信息栏连续么?
cerry
2003-08-20 03:13:36
大家看看这个网站
http://ttbj.topb2b.net
上面有几个滚动的信息栏,但是滚动完了会出现空白,可以让这个空白消失么?谢谢
==============================
只要是跟帖的就有分
...全文
38
5
打赏
收藏
可以让滚动的信息栏连续么?
大家看看这个网站 http://ttbj.topb2b.net 上面有几个滚动的信息栏,但是滚动完了会出现空白,可以让这个空白消失么?谢谢 ============================== 只要是跟帖的就有分
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
5 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
cerry
2003-08-20
打赏
举报
回复
天呐,就是这样的,是你做的吗,对不起,我太激动了,可以加你的msn或QQ吗,谢谢!my msn:cerry_2002@163.com
myQQ:125861431
nightlast
2003-08-20
打赏
举报
回复
我们一般都用Marquee标签控制元素的滚动。但是单向的Marquee滚动是不连续的,每滚完一幕,就会出现一次空白。而下面介绍中的滚动则是连续的,毫不间断。
为了滚动能够“连续”,我们需要将字幕的内容复制多遍,直到内容的高度不小于滚动区高度的两倍。然后我们将溢出的滚动条隐藏掉,用代码控制滚动条向下移动(这时内容将向上移动)。当滚动条滚动到最下方时,理论上不能再往下滚动了,于是我们立刻调整滚动条,将它向上滚动到一个和当前画面一样的位置。结果我们看到的就是连续的滚动了。呵呵,说的就是这么简单,那做起来如何呢?我们看看是如何逐步实现的。
<div id="marquees">
<!-- 这些是字幕的内容,你可以任意定义 -->
<a href="#">链接一</a><br>
<br>
<a href="#">链接二</a><br>
<br>
<a href="#">链接三</a><br>
<br>
<a href="#">链接四</a><br>
<br>
<!-- 字幕内容结束 -->
</div>
<!-- 以下是java-script代码 -->
<script language="java-script">
<!--
marqueesHeight=200; //内容区高度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=0; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=marqueesHeight;
style.overflowY="hidden"; //滚动条不可见
onmouseover=new Function("stopscroll=true"); //鼠标经过,停止滚动
onmouseout=new Function("stopscroll=false"); //鼠标离开,开始滚动
}
//这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面:
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
//把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",10);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
-->
</script>
这样就完成了,感觉做起来也不难吧。好了,向上滚动的就是这样,向其它方向滚动的就不用我介绍了吧?不过小阳还是做好了示例,有兴趣的朋友可以点击这里http://www.pconline.com.cn/pcedu/empolder/wz/javascript/10303/pic/4down.rar下载。
cerry
2003-08-20
打赏
举报
回复
:(
好记忆不如烂笔头abc
2003-08-20
打赏
举报
回复
看看:http://www.cntomorrow.com
cerry
2003-08-20
打赏
举报
回复
为什么我的帖没人回呀, 是问题太幼稚了,还是语气不够好,谁能给我个答案?
JAVA上百实例源码以及开源项目
Java数据压缩与传输实例,可以学习一下实例化套按字、得到文件输入流、压缩输入流、文件输出流、实例化缓冲区、写入数据到文件、关闭输入流、关闭套接字关闭输出流、输出错误
信息
等Java编程小技巧。 Java数组倒置...
微信小程序5分钟实现双击点击底部导航
栏
,页面滚到顶部(含全部代码)
受微信文档:自定义 tabBar启发,让我有一个想法:是否微信小程序也可以像微博那样,双击底部导航
栏
就可以实现自动
滚动
到当前页面顶端? 答案是肯定的。 首先,我们根据文档的介绍,tabBar的配置
信息
,添加tabBar ...
微信小程序项目实战(菜单
栏
的设计+
滚动
图片)
这是Tom老师精心准备的课程,希望同学们好好学习。 1、微信小程序菜单
栏
和
滚动
图片的需求和相关知识点讲解 2、微信小程序菜单
栏
的设计 3、微信小程序
滚动
图片的设计
vue内容横向循环
滚动
_vue实现横向
滚动
效果(better-scroll)
封装sli中比需抖接朋功要朋插der组件如何封装sli中比需抖接朋功要朋插der组件参考文档中解释的非常详细,但有一些细节可以提出。由于为横向的久请屏气实近时后求蔽风现近时后求蔽风现
滚动
,首先需要一个宽度不变的...
原生js实现公告
栏
向上
滚动
window.onload = function(){ //调用
滚动
条函数的界面 notice(".notice_ul",5);...//
信息
滚动
,获取ul的dom元素 var news_move = document.querySelector(node); //获取li的高度 var li_height = news_mo
ASP
28,391
社区成员
357,060
社区内容
发帖
与我相关
我的任务
ASP
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
复制链接
扫一扫
分享
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章