很多特效都是使用java script制作的脚本,下面举例介绍一下javascript脚本文件的制作及调用的全过程。
请看本论坛最底部变换色彩的字体“论坛言论纯属发表者个人意见,与本工作室立场无关”这个效果就是通过javascript脚本文件实现的,下面是脚本的全部代码。
<Script language=JavaScript >
var message="论坛言论纯属发表者个人意见,与本工作室立场无关!"
var n=0;
if (document.all){
document.write('<font style="font-size: 12px; font-family: Tahoma, Arial" color: #FF6600;>')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight" style="font-size:12px">'+message.charAt(m)+'</span>')
document.write('</font>')
var tempref=document.all.neonlight
}
else
document.write(message)
function neon(){
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color="#FF6600"
}
tempref[n].style.color="#000066"
if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}
function beginneon(){
if (document.all)
flashing=setInterval("neon()",23)
}
beginneon()
</Script>
通过以上的脚本可以看到javascipt脚本格式为:
<Script language=JavaScript >
脚本内容
</Script>
在有关的网站我们可以找到很多的javascipt脚本,其格式还有:
<Script language=JavaScript type=text/JavaScript>
脚本内容
</Script>
或
<Script>
脚本内容
</script>
下面是将以上的特效脚本制作为 *.js 文件的过程:
1. 用鼠标拖选<Script language=JavaScript >与</Script>之间的所有脚本内容,点鼠标右键的[复制]。
注意:千万不要把<Script language=JavaScript >和</script>带上,否则调用*.js文件时脚本不能生效IE还要报错。
2. 在自己电脑上新建一个空文本文档(例如命名为riqi.txt)并打开它,点鼠标右键的[粘贴]将该脚本贴入,最后点[文件]-[保存]将其存盘并关闭riqi.txt。
3. 将riqi.txt更名为riqi.js (编辑*.js文档均用*.txt的编辑器),这样javascript脚本文件便做成了。
4. 将riqi.js上传到自己的网上空间并记下它的网上地址,以备调用。
5. 调用的代码为:
<srcipt src="脚本文件的网上地址"></script>
上面举例脚本上传后的地址是 up/m100/28/91/2891//Day_070122/42150_241880_47cf0657900cf29.js_scp
调用代码为:
<script src=up/m100/28/91/2891//Day_070122/42150_241880_47cf0657900cf29.js_scp></script>
把调用代码添加在论坛的版块简介内就可以实现特效代码的效果了
以下图片说明将 *.txt 更名为 *.js 电脑功能的设置及步骤
提示:上面介绍的java script脚本文件的制作及调用方法适用任何java script特效代码,如果你在网上找到自己喜欢的特效代码都可以使用上面的方法在你的论坛中使用,当然提醒你不要使用过多的特效代码,否则会影响你的论坛打开的速度。