本页主题: JavaScript脚本文件的制作及调用 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

lbdl
特殊贡献奖 在线王勋章
级别: 总版主


精华: 7
发帖: 973
威望: 1011 点
金钱: 7870 RMB
贡献值: 100 点
注册时间:2006-06-29
最后登录:2008-07-29

 JavaScript脚本文件的制作及调用

很多特效都是使用java script制作的脚本,下面举例介绍一下javascript脚本文件的制作及调用的全过程。
请看本论坛最底部变换色彩的字体“论坛言论纯属发表者个人意见,与本工作室立场无关”这个效果就是通过javascript脚本文件实现的,下面是脚本的全部代码。
Copy code

<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特效代码,如果你在网上找到自己喜欢的特效代码都可以使用上面的方法在你的论坛中使用,当然提醒你不要使用过多的特效代码,否则会影响你的论坛打开的速度。
我的论坛
Posted: 2006-09-04 14:04 | [楼 主]
依佳依
友好使者勋章
级别: 荣誉会员


精华: 1
发帖: 89
威望: 100 点
金钱: 910 RMB
贡献值: 0 点
注册时间:2006-10-20
最后登录:2008-08-06

 

HOHOHO好东东捏
Posted: 2006-11-15 20:20 | 1 楼
61920s微笑
级别: 新手上路


精华: 0
发帖: 8
威望: 11 点
金钱: 80 RMB
贡献值: 0 点
注册时间:2007-08-23
最后登录:2007-11-23

 

哎喲
怎麽辦啊
我的電腦沒有你的那個圖一哦
那我怎麼辦啊
拜托了

我的電腦上建了文件夾以後也不能粘貼啊
拜托了 幫忙一下
Posted: 2007-08-24 19:23 | 2 楼
大群
方便别人 提高自己
终身成就奖 金点子奖
级别: 管理员


精华: 24
发帖: 1594
威望: 1777 点
金钱: 12140 RMB
贡献值: 500 点
注册时间:2006-02-22
最后登录:2008-08-30

 

Quote:
引用第2楼61920s微笑2007-08-24 19:23发表的:
哎喲
怎麽辦啊
我的電腦沒有你的那個圖一哦
那我怎麼辦啊
拜托了
.......


不可能没有的?好好找一找
千百度工作室网站      汽车报废服务 
Posted: 2007-08-26 08:17 | 3 楼
281
级别: 新手上路


精华: 0
发帖: 8
威望: 8 点
金钱: 80 RMB
贡献值: 0 点
注册时间:2007-11-20
最后登录:2007-11-29

 

不错哦!
Posted: 2007-11-29 23:14 | 4 楼
kwant
优秀会员勋章
级别: 侠客


精华: 0
发帖: 238
威望: 257 点
金钱: 0 RMB
贡献值: 58 点
注册时间:2006-10-04
最后登录:2008-08-10

 

好东西,学习了~
感谢千百度工作室为战火帝国军事做的支持!

【第一期】墓地战歌
Posted: 2007-12-01 20:19 | 5 楼
araityou318
级别: 新手上路


精华: 0
发帖: 1
威望: 2 点
金钱: 10 RMB
贡献值: 0 点
注册时间:2008-06-19
最后登录:2008-07-24

 

论坛 现在不能上传JS文件吗????
Posted: 2008-06-20 08:20 | 6 楼
大群
方便别人 提高自己
终身成就奖 金点子奖
级别: 管理员


精华: 24
发帖: 1594
威望: 1777 点
金钱: 12140 RMB
贡献值: 500 点
注册时间:2006-02-22
最后登录:2008-08-30

 回 6楼(araityou318) 的帖子

在论坛后台选择 核心设置 -- 发帖与附件设置 -- 上传附件允许后缀处添加 js 文件上传
千百度工作室网站      汽车报废服务 
Posted: 2008-06-20 09:24 | 7 楼
帖子浏览记录 版块浏览记录
千百度工作室 » 网页学堂 Homepage