-
关注Ta
-
- 注册时间 2009-05-13
- 最后登录 2018-09-20
-
- 发帖11062
- 在线4100小时
- 精华386
- DB4438
- 威望58014
- 保证金0
- 桃子0
- 鲜花0
- 鸡蛋1
-
访问TA的空间加好友用道具
|
—
本帖被 789didi 执行加亮操作(2010-07-26)
—
这次我们就以QQ拼音的图标为例哦!
1. 还是用到我们的工具猫魔盒QQ版 (http://www.dbank.com/download.action?t=40&k=NDE2NTE4Mjc=&pcode=LCwxMTQ2NTksMTE0NjU5&rnd=4)
2. 开始制作过程!看过前面2个教程的朋友,应该很熟悉操作过程了,老规矩,由于这次我们做的东西很简单,不需要用到main.js文件
我们编辑 main.htm 文件, 在 Hi~ 工具猫 的下面加上如下的代码
------------------------- <input type="checkbox" onclick="this.checked ? 网络.获取('http://py.qq.com/cgi-bin/lighticon?iconstate=1&hash='+当前时间(),function(){弹出('点亮QQ拼音图标成功');}) : 网络.获取('http://py.qq.com/cgi-bin/lighticon?iconstate=0&hash='+当前时间(),function(){弹出('熄灭QQ拼音图标成功');}) "></input> <-- 点此点亮或熄灭拼音图标 <br/><br/> 提示大家: QQ拼音积分等级到达4级的用户才可以点亮
------------------------
3. 这一次的代码,相比第一个教程,要长不少,原因是,我们同时具备了 点亮和熄灭2个功能!
其中
下面这句是点亮图标的命令
网络.获取('http://py.qq.com/cgi-bin/lighticon?iconstate=1&hash='+当前时间() ,function(){弹出('点亮QQ拼音图标成功');})
这句是熄灭图标的命令
网络.获取('http://py.qq.com/cgi-bin/lighticon?iconstate=0&hash='+当前时间() ,function(){弹出('熄灭QQ拼音图标成功');})
大家仔细观察上面2个命令,其实差别就在于 iconstate=1 和 iconstate=0 ,1表示点亮, 0 表示熄灭
其中: + 当前时间() 是为了防止浏览器缓存而造成的请求失效!
-----------------------------------------------
4. 这里用到了JS里的一个三目操作符,听起来很悬乎的,本质如下
某个条件 ? A : B
如果 某个条件 为真, 则执行 A , 否则 执行 B
我们代码里的 this.checked 表示 框子是否被勾上
this.checked ? A命令 : B命令
如果框子被勾上,则执行A命令, 如果没有被勾上,则执行B
这个就是一句代码,可以选择性执行不同操作的原理!
对代码有兴趣的,可以自己体会体会!
5. 最后就是看看工具的效果吧!
|