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

web前端 4225 1 6年前

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

QQ云输入法网站:http://py.qq.com/web/

搜狗云输入法网站:http://pinyin.sogou.com/cloud/

百度云输入法网站:http://shurufa.baidu.com/online.html

在网站上如何添加输入法按钮在以上网站都有详细的使用说明,拓源在这里就不在啰嗦了,有问题的朋友可以追加评论,本网站的评论框有云输入法按钮,点击即可启动云输入法。

代码范例:

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>