Linux额程序实现字幕滚动,Linux_javascript:实现滚动带链接的字幕,  大家都见过字幕,但字幕 - phpStudy...

javascript:实现滚动带链接的字幕

大家都见过字幕,但字幕的形式却是活波的,变化的,今天我们使用JS实现滚动带连接的字幕,例子源码如下:

<script language=JavaScript>

<!--

var index = 3

link = new Array(3);

text = new Array(3);

link[0] ='http://www.cpcw.com/'

link[1] ='http://www.dscj.org/'

link[2] ...

......

text[0] ='电脑报'

text[1] ='点石成金'

text[2] ...

......

效果演示

document.write ("<marquee scrollamount='1' scrolldelay='50' direction= 'up' width='80' height='40'

οnmοuseοver='this.stop()' οnmοuseοut='this.start()'>");

for (i=0;i<index;i++){

document.write (" <a href="http://www.blue1000.com/article/+link[i]+" target='_blank'>");

document.write (text[i] + "</A>

");

}

document.write ("</marquee>")

// -->

</script>

代码分析:

其中“var index =” 数字可以根据您的要求随意更改数值,其值为您连接字幕的条数;link为连接的

地址,text为字幕的文字描述;scrollamount、 scrolldelay为字幕的延迟时间和显示数量,可以自己调节

比例;direction为滚动方式,可以自己改为上下左右;width、height为字幕区域的宽高度target='_blank',为连接地址在新窗口中打开;“οnmοuseοver=”“οnmοuseοut=”为鼠标事件,当鼠标接近时停止滚动,如果您不 喜欢这样可以把它删掉,字幕就会一直滚动了。

补充说明:

如果你的页面使用js这种程序多了,加上HTML标记代码,你的源文件看上去就会十分庞大,使HTML文档可读性不强。我们可以从HTML代码中把<!-->和// -->之间的代码分离出来,存成一个.js文件就易于管理了,在更新连接时直接更新.js即可,而且代码看上去也规整多了。例如请将上面这段代码copy到你的记事本里,然后选择文件->另存为,在输入框中键入"zimu.js"(注意:引号千万不能少,以便保证你存储的文件的括展名是.js),然后在你页面的<head>和</head>之间加入<script language="JavaScript" src=http://www.blue1000.com/article/"路径/zimu.js"></script>,就可以调用这个js文件了!

本文作者:相关阅读:

Response 对象之ExpiresAbsolute属性

微软抛出Linux侵权论 Novell陷入左右为难境地

关于JAVASCRIPT urldecode URL解码的问题

DIV与Table布局在大型网站的可用性比较

Linux关机命令详解

Asp.net的用户管理

jquery 插件开发备注

给Ubuntu也做个“SP3”补丁包光盘

又一不错的应用-正则来查找替换字符串

PHP.MVC的模板标签系统(四)

Vista官方优化工具:Ultimate Windows Tweaker

JSP教程:点击链接后下载文件(右键另存)功能

js与jquery中获取当前鼠标的x、y坐标位置的代码

OpenCms的JSP标签详解

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值