javascript 模拟Marquee文字向左均匀滚动代码- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 模拟Marquee文字向左均匀滚动代码

Javascript: javascript实例教程(15) 日期函数; javascript实例教程(17) 使用字符串函数; javascript实例教程(18) 数组; javascript实例教程(19) 使用HoTMetal(1); javascript实例教程(19) 使用HoTMetal(2); javascript实例教程(19) 使用HoTMetal(3); javascript实例教程(19) 使用HoTMetal(4); javascript使图片加载进度实时显示; 代码前置时页面输出脚本的要注意的问题|; javascript网页中显示硬盘内容; JS实现仿新浪信息提示效果; Js 按照MVC模式制作自定义控件; 滑动展开/收缩广告代码实例效果; JS实现的滑动展开与折叠效果; 时钟广告跳转状态栏等JS代码; 一个以Javascript+xml的树型列表; target 属性怎么用 JS 来控制？; 一组常用的弹出窗口用法总结; 冒泡算法的三种JavaScript表示; 网页最简短的拖动对象代码实例演示

No. « ‹ 236 237 238 239 › »

技术文章搜索

关键字

Javascript 中的 javascript 模拟Marquee文字向左均匀滚动代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 234 ::

收藏到网摘: n/a

图片与文字半透明效果鼠标移上不透明纯CSS 链接悬停提示效果代码

Marquee是HTML语言里固有的文字滚动标签，虽然用着方便，但是功能上有一些限制，很多时候我们都是通过JavaScript来补充这一功能. 可以实现匀速、无缝、加链接以及其它的修饰效果，本代码就是实现了这一功能，让文字从右至右平滑滚动，滚动宽度、高度、速度均可以设定。

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>Js文字向左运动</TITLE>
</HEAD>
<BODY >
<script language="JavaScript1.2">
var marqueewidth=350
var marqueeheight=22
var speed=5
var marqueecontents='<strong><big>欢迎光临<a href="/jscss/">软晨学习网</a> 网页特效栏目，精品特效全收罗！</big></strong></font>'
if (document.all)
document.write('<marquee scrollAmount='+speed+' style="width:'+marqueewidth+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write('<nobr>'+marqueecontents+'</nobr>')
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.width
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.left>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.left-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.left=marqueewidth
scrollit()
}
}
window.onload=regenerate2
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02"></layer>
</ilayer>
</BODY>
</HTML>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

图片与文字半透明效果鼠标移上不透明纯CSS 链接悬停提示效果代码

Javascript 中的 javascript 模拟Marquee文字向左均匀滚动代码

评论 (0) All