|
|
 连续无缝滚动代码 一例 |
2007-12-19 晴 |
|
 |
连续无缝滚动代码 一例
<DIV id=marquees align=center
padding-left:5;padding-right:5;width:153px>
<!-- 这些是字幕的内容，你可以任意定义 -->
<TABLE cellSpacing=0 cellPadding=0 width="95%"
align=center border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle height=55><A
href="http://www.nmec.org.cn/" target=_blank><IMG
height=41 src="人民卫生出版社_files/link01.gif" width=145
border=0></A></TD></TR>
<TR>
<TD vAlign=center align=middle height=55><A
href="http://www.who.int/zh" target=_blank><IMG
height=41 src="人民卫生出版社_files/link02.gif" width=153
border=0></A></TD></TR>
<TR>
<TD vAlign=center align=middle height=55><A
href="http://www.chinacdc.net.cn/"
target=_blank><IMG height=41
src="人民卫生出版社_files/link03.gif" width=153
border=0></A></TD></TR>
<TR>
<TD vAlign=center align=middle height=55><A
href="http://www.cams.ac.cn/" target=_blank><IMG
height=41 src="人民卫生出版社_files/link04.gif" width=153
border=0></A></TD></TR></TBODY></TABLE>
<!-- 字幕内容结束 --></DIV>
<!-- 以下是java-script代码 -->
<SCRIPT language=javascript>
<!--
marqueesHeight=290; //内容区高度
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;top:50;left:120;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()",45);
}
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.98710.com/article.asp?id=278 |
| [查 看 全 部] |
# posted by 枫叶 @ 2007-12-19 22:20:14 评论(0) |
|
|
|
|
|
地址：
|
|
| 个人档案 |
| 游客已登陆
(0)未知 |
| 笔行证 |
787738 |
| 昵称 |
枫叶 |
| 笔贝 |
Score1 |
| 加为好友 |
发送短信 |
|
|
|
|
| 友情连接 |
|
|
| 访问计数:10073本文:166 今天:1 本月 166 |
枫叶 管 理 员
 |
|
|
| |
|
