一长句话代码制作qq拼音图标点亮熄灭工具

社区服务
高级搜索
猴岛论坛QQ微信技术一长句话代码制作qq拼音图标点亮熄灭工具
发帖 回复
倒序阅读 最近浏览的帖子最近浏览的版块
5个回复

一长句话代码制作qq拼音图标点亮熄灭工具

楼层直达
lu354967726

ZxID:10818652

等级: 上等兵
用 一 轉 身 離 開 , 用 一 輩 子 忘 記
举报 只看楼主 使用道具 楼主   发表于: 2010-07-23 0


上一个点亮WAPQQ图标的工具制作教程,估计大部分人都是一头雾水,说实话,我自己也不喜欢看别人代码!看起来乱乱的!

所以这次,我还是决定继续拿一些简单的例子给大家,那么这次我们就以QQ拼音的图标为例哦!

我们编辑 main.htm 文件, 在  Hi~ 工具猫  的下面加上如下的代码

  1. [color=#FF0000]-------------------------
  2. [    post]<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> <-- 点此点亮或熄灭拼音图标
  3.         <br/><br/> 提示大家: QQ拼音积分等级到达4级的用户才可以点亮[/post]
  4. ------------------------[/color]




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. 最后就是看看工具的效果吧!





点击在新窗播放

最新最时尚的淘宝信息:http://nobodyno1.tuike.cn/
結局,\変ㄋ

ZxID:10818984

等级: 禁止发言

举报 只看该作者 沙发   发表于: 2010-07-23 0
不太懂?
花道╰﹀

ZxID:4647907

等级: 中校
举报 只看该作者 板凳   发表于: 2010-07-23 0
太长了,有时间再看
禁止丶使用

ZxID:11152921

等级: 上将
举报 只看该作者 地板   发表于: 2010-07-23 0
路过此地
也许咯

ZxID:12711124

等级: 上将
举报 只看该作者 4楼  发表于: 2010-07-23 0
不错不错额.
阿里云服务器

ZxID:12008696

等级: 禁止发言

举报 只看该作者 5楼  发表于: 2010-07-23 0
E语言
« 返回列表
发帖 回复