yndkai 发表于 2007-6-13 16:56

请问这个代码如何让它向上滚动

<DIV class=htmlcode>
<P>&lt;html&gt; <BR>&lt;head&gt; <BR>&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; <BR>&lt;title&gt;无标题文档&lt;/title&gt; <BR>&lt;/head&gt; </P>
<P>&lt;body&gt; <BR>&lt;div id="marquees"&gt; &lt;!-- 这些是字幕的内容，你可以任意定义 --&gt; &lt;a href="#"&gt;链接一&lt;/a&gt; &lt;a href="#"&gt;链接二&lt;/a&gt; &lt;a href="#"&gt;链接三&lt;/a&gt; <BR>&lt;a href="#"&gt;链接四&lt;/a&gt; <BR>&lt;!-- 字幕内容结束 --&gt; <BR>&lt;/div&gt; <BR>&lt;!-- 以下是java-script代码 --&gt; <BR>&lt;script language="javascript"&gt; <BR>&lt;!-- <BR>marqueesWidth=500; //内容区宽度度 <BR>stopscroll=false; //这个变量控制是否停止滚动 <BR>with(marquees){ <BR>noWrap=true; //这句表内容区不自动换行 <BR>style.width=marqueesWidth; //于是我们可以将它的宽度设为0，因为它会被撑大 <BR>style.height=0; </P>
<P>style.overflowX="hidden"; //滚动条不可见 <BR>onmouseover=new Function("stopscroll=true"); //鼠标经过，停止滚动 <BR>onmouseout=new Function("stopscroll=false"); //鼠标离开，开始滚动 <BR>} <BR>//这时候，内容区的高度是无法读取了。下面输出一个不可见的层"templayer"，稍后将内容复制到里面： <BR>document.write('&lt;div id="templayer"style="position:absolute;z-index:1;visibility:hidden"&gt;&lt;/div&gt;'); </P>
<P>function init(){ //初始化滚动内容 <BR>while(templayer.offsetWidth&lt;marqueesWidth){ <BR>templayer.innerHTML+=marquees.innerHTML; <BR>} //把"templayer"的内容的“两倍”复制回原内容区： <BR>marquees.innerHTML=templayer.innerHTML+templayer.innerHTML; <BR>//设置连续超时，调用"scrollUp()"函数驱动滚动条： <BR>setInterval("scrollUp()",20); <BR>} <BR>document.body.onload=init; <BR>preTop=0; //这个变量用于判断滚动条是否已经到了尽头 <BR>function scrollUp(){ //滚动条的驱动函数 <BR>if(stopscroll==true) return; //如果变量"stopscroll"为真，则停止滚动 <BR>preTop=marquees.scrollLeft; <BR>marquees.scrollLeft+=1; <BR>//如果滚动条不动了，则向上滚动到和当前画面一样的位置 <BR>//当然不仅如此，同样还要向下滚动一个像素(+1)： <BR>if(preTop==marquees.scrollLeft){ <BR>marquees.scrollLeft=templayer.offsetHeight-marqueesWidth+1; <BR>} <BR>} <BR>--&gt; <BR>&lt;/script&gt; </P>
<P>&lt;/body&gt; <BR>&lt;/html&gt; </P></DIV>

yndkai 发表于 2007-6-14 10:16

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

yndkai 发表于 2007-6-14 10:23

希望大家以后能用的着

hugeannex 发表于 2007-6-14 12:44

[em06]我晕，我以为是什么难题呢……

yndkai 发表于 2007-6-15 11:30

解决

zhipi 发表于 2007-7-1 12:32

最好再加个层，以解决闪动的现象

页: [1]

编程论坛