| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 814 人关注过本帖
标题:请问这个代码如何让它向上滚动
只看楼主 加入收藏
yndkai
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:275
专家分:0
注 册:2007-6-1
结帖率:100%
收藏
 问题点数:0 回复次数:5 
请问这个代码如何让它向上滚动

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>

<body>
<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="#">链接一</a> <a href="#">链接二</a> <a href="#">链接三</a>
<a href="#">链接四</a>
<!-- 字幕内容结束 -->
</div>
<!-- 以下是java-script代码 -->
<script language="javascript">
<!--
marqueesWidth=500; //内容区宽度度
stopscroll=false; //这个变量控制是否停止滚动
with(marquees){
noWrap=true; //这句表内容区不自动换行
style.width=marqueesWidth; //于是我们可以将它的宽度设为0,因为它会被撑大
style.height=0;

style.overflowX="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(){ //初始化滚动内容
while(templayer.offsetWidth<marqueesWidth){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",20);
}
document.body.onload=init;
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollLeft;
marquees.scrollLeft+=1;
//如果滚动条不动了,则向上滚动到和当前画面一样的位置
//当然不仅如此,同样还要向下滚动一个像素(+1):
if(preTop==marquees.scrollLeft){
marquees.scrollLeft=templayer.offsetHeight-marqueesWidth+1;
}
}
-->
</script>

</body>
</html>

搜索更多相关主题的帖子: 代码 滚动 
2007-06-13 16:56
yndkai
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:275
专家分:0
注 册:2007-6-1
收藏
得分:0 
以解决 原来这么简单
[CODE]

<div id=demo style=overflow:hidden;height:100px>
<div id="demo1">
<ul>
<li><a href='#'>程平 男 大本 北京第二外国语学院毕业 求职意向:管理类</a></li>
<li><a href="#">谭海波 男 大本 中科大计算机毕业 工作经验:8年 求职意向:计算机/通信/管理类</a></li>
<li><a href='#'>潘恩达 男 大本 北京联合大学法律系 工作经验:3年 求职意向:管理类</a></li>
<li><a href='#'>叶川湖 男 大专 光华学院(自考未结业)管理类 工作经验:6年 求职意向:管理类</a></li>
<li><a href='#'>董鹏 男 大专 中国人民大学管理系毕业 工作经验:1年 求职意向:市场/公关/广告类</a></li>
<li><a href='#'>成慧芳 女 大专 江西理工大学建筑类毕业 工作经验:无 求职意向:室内装潢设计类</a></li>
<li><a href='#'>赵雪梅 女 大专 北京金融学院经济类 工作经验:4年 求职意向:文科类专业</a></li>
</ul>
</div>
<div id="demo2"></div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>

[/CODE]

本来讨厌下雨的天空 直到听见有人说爱我
2007-06-14 10:16
yndkai
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:275
专家分:0
注 册:2007-6-1
收藏
得分:0 
希望大家以后能用的着

本来讨厌下雨的天空 直到听见有人说爱我
2007-06-14 10:23
hugeannex
Rank: 8Rank: 8
等 级:蝙蝠侠
威 望:6
帖 子:483
专家分:911
注 册:2005-3-20
收藏
得分:0 
我晕,我以为是什么难题呢……

世事如潮我如水,只叹江湖几人回。
2007-06-14 12:44
yndkai
Rank: 3Rank: 3
等 级:新手上路
威 望:7
帖 子:275
专家分:0
注 册:2007-6-1
收藏
得分:0 
解决

本来讨厌下雨的天空 直到听见有人说爱我
2007-06-15 11:30
zhipi
Rank: 2
等 级:论坛游民
帖 子:4
专家分:20
注 册:2007-6-30
收藏
得分:0 
最好再加个层,以解决闪动的现象
2007-07-01 12:32
快速回复:请问这个代码如何让它向上滚动
数据加载中...
 
   



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

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