飞度网
转到手机版您现在的位置: 飞度网电脑/网络正文
扫码穿越到手机

[ 字号:    来源:互联网 2008-3-30 16:36:00 ]
横向不间断滚动代码
<div style="width:500px;height:100px;overflow:hidden" >
<table width="500" border="0" cellspacing="0" cellpadding="0" id="scrollimg" height="21" align="center">
<tr>
<td id="simg">
<TABLE width="500" border="0" cellspacing="0" cellpadding="0" height="100">
<tr>
<td><div align="center"><a href="http://www.faydo.com" target="_blank">飞度网1</a></div></td>
<td><div align="center"><a href="http://www.faydo.com" target="_blank">飞度网2</a></div></td>
<td><div align="center"><a href="http://www.faydo.com" target="_blank">飞度网3</a></div></td>
<td><div align="center"><a href="http://www.faydo.com" target="_blank">飞度网4</a></div></td>
<td><div align="center"><a href="http://www.faydo.com" target="_blank">飞度网5</a></div></td>
</tr>
</TABLE>
</td>
<td id="simg1"></td>
</tr>
</table>
</div>
<SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft++;
else
scrollimg.parentNode.scrollLeft=0
}
function stop()
{
clearInterval(tm)
}

function start()
{
tm=setInterval('newsScroll()',20)
}
// window.onload=function() {
simg1.innerHTML=simg.innerHTML
tm=setInterval('newsScroll()',20)
// }
</SCRIPT>
纵向不间断滚动代码
<div id="marquees"> <!-- 这些是字幕的内容,你可以任意定义 --> <a href="http://www.faydo.com" target="_blank">飞度网1</a>
<br> <a href="http://www.faydo.com" target="_blank">飞度网2</a>
<br> <a href="http://www.faydo.com" target="_blank">飞度网3</a>
<br> <a href="http://www.faydo.com" target="_blank">飞度网4</a>
<br> <!-- 字幕内容结束 -->
</div>
<!-- 以下是javascript代码 -->
<script language="javascript">
<!--
marqueesHeight=100; //内容区高度
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>');
preTop=0; //这个变量用于判断滚动条是否已经到了尽头
function scrollUp(){ //滚动条的驱动函数
if(stopscroll==true) return; //如果变量"stopscroll"为真,则停止滚动
preTop=marquees.scrollTop; //记录滚动前的滚动条位置
marquees.scrollTop+=1; //滚动条向下移动一个像素
if(preTop==marquees.scrollTop){
//如果滚动条不动了,则向上滚动到和当前画面一样的位置,还要向下滚动一个像素(+1):
marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;
}
}
function init(){ //初始化滚动内容
//多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度:
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
} //把"templayer"的内容的“两倍”复制回原内容区:
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
//设置连续超时,调用"scrollUp()"函数驱动滚动条:
setInterval("scrollUp()",20);
}
document.body.onload=init;
-->
</script>
·分享到:
·看完后,您有任何想法或观点,请立即参与评论
·或者:向飞度网提问 留言 举报 纠错
·更多关于  横向 不间断 滚动 JS 代码 网页技术 的内容
 
站内搜索:
·相关评论
  还没有人评论!赶快第一个发表评论吧!
·我来评论
评论内容(必填)

注:评论内容限200字,不支持图片和链接。
您的姓名(选填): 
注:姓名所有人可见,可以填写昵称。
联系方式(选填): 
注:联系方式仅管理员可见,推荐填写电子邮箱。
评价(选填): 
不好
验证码(必填): 
验证码,看不清楚?请点击刷新验证码
版权与免责声明:
1. 凡注明来源为“飞度网”(faydo.com 以下简称为"本站")的所有作品(文章、资料),包括文字与图片,除特殊注明外均可转载,但必须保留版权信息并回链。违反上述声明者,本站将依法追究法律责任。
2. 凡未注明来源的作品(文章、资料),均转载自互联网,本站转载的目的在于传播更多信息,此类作品(文章、资料)并不代表本站观点,本网不承担此类作品侵权行为的直接责任及连带责任。
3. 如因作品内容、版权等需要同本站联系的,请使用页面底部的联系方式。
4. 本站竭力确保所刊载的作品(文章、资料)准确可靠,但不保证该等资料绝对正确可靠;对于任何因资料不确或遗漏又或因根据或依赖本站资料所作决定、行动或不行动而引致的损失或损害,本站概不负责(不论是民事侵权行为责任或合约责任或其他)。
5. 网友评论不代表本站观点。
设为首页 收藏本页 留言与建议 网站地图
©2016 飞度网 版权所有 联系方式:请邮件联系或msn联系。