为你的Zblog增加云输入法(QQ,搜狗,百度)

web前端876913年前 (2012-04-16)

偶然间发现很多网站的评论框都有云输入法,于是到各大云输入法网站看了一下,给拓源网的评论框处也添加了云输入法按钮。

在网站上添加输入法按钮,网上有详细的使用说明,点击即可启动云输入法。

代码范例:

QQ云输入法图标 (此图标是用Photoshop软件的ICO插件生成并做了处理,安装本插件的Photoshop才可以支持ICO格式的打开和另存,需要此插件的朋友可以点此下载

以上图标可以右键另存到本地,用样式美化即可,或者使用其他工具将好看的图标保存成浏览器支持的图片格式。

css样式:

a { display:block; line-height:22px; padding-left:20px; font-size:12px; background:url(qqpinyin.jpg) no-repeat 0 3px; }

html代码:

<a href="javascript:(function(q){q?q.toggle():function(d,j){j=d.createElement('script');j.async=true;j.src='//ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d=d.getElementsByTagName('head')[0];d.insertBefore(j,d.firstChild)}(document)})(window.QQWebIME)">点击启动QQ云输入法,支持五笔输入哦!</a>