为网站添加云输入法

林继 WordPress 2,495 共写了392个字 (2010-12-11 23:58:31) 没有评论 打印 扫描二维码 百度已收录

Cloud computing云计算,现在的云应用很多,云杀毒,云存储,云系统等等,今天讲的是云输入法,看很多朋友的博客里有搜狗云、QQ云输入法,研究了一下,把方法共享一下,有需要的朋友可以拿去…….
云计算实现了工作量的全面转移。运行程序的重任不必再由本地计算机承担,转而由云计算中的计算机群来完成。用户端计算机只需运行像网络浏览器一样简单的云计算系统界面软件,其余工作都由云计算系统中的计算机群负责。
今天是告诉大家把搜狗云、QQ云输入法都加入到博客里来。
第1步:添加js 文件
把下列代码保存为 js 文件上传

  1.  $(".icon_qq").click(function(){
  2.     javascript: (function(q) { !! q ? q.toggle() : (function(d, j) {
  3.             j = d.createElement('script');
  4.             j.src = 'http://ime.qq.com/fcgi-bin/getjs';
  5.             j.setAttribute('ime-cfg', 'lt=2');
  6.             d.getElementsByTagName('head')[0].appendChild(j)
  7.         })(document)
  8.     })(window.QQWebIME)
  9. });
  10. $(".ime_sogou").click(function(){
  11.     javascript: void((function() {
  12.         var e = document.createElement('script');
  13.         e.setAttribute('src', 'http://web.pinyin.sogou.com/web_ime/init.js');
  14.         document.body.appendChild(e)
  15.     })())
  16. });


(我使用的代码)默认为QQ五笔云输入法:

  1. //云输入法
  2. 	 $(".icon_ime").click(function(){
  3.       javascript: (function(q) { !! q ? q.toggle() : (function(d, j) {
  4.             j = d.createElement('script');
  5.             j.src = 'http://ime.qq.com/fcgi-bin/getjs';
  6.             j.setAttribute('ime-cfg', 'lt=2&im=212');
  7.             d.getElementsByTagName('head')[0].appendChild(j)
  8.         })(document)
  9.     })(window.QQWebIME)
  10. });
  11.  
  12. // CSS代码
  13. #emoticon {
  14.     cursor: pointer;
  15.     float: right;
  16.     margin-right: 10px;
  17.     margin-top: 1px;
  18. }
  19. .icon_ime {
  20.     -moz-background-clip: border;
  21.     -moz-background-origin: padding;
  22.     -moz-background-size: auto auto;
  23.     background-attachment: scroll;
  24.     background-color: transparent;
  25.     background-image: url("css/favicon.gif");
  26.     background-position: 0 0;
  27.     background-repeat: no-repeat;
  28.     display: inline-block;
  29.     height: 16px;
  30.     margin-bottom: -2px;
  31.     width: 16px;
  32. }
  33.  
  34. //调用代码所在位置
  35. <li class="form-post">
  36. <span class="btn"><span><button type="submit" name="submit" id="submit">提交 [Ctrl+Enter]</button></span></span>
  37. <span class="btn"><span><button type="reset">重置</button></span></span>
  38. <span class="btn cancel"><span><button type="button" id="cancel-comment-reply-link">取消回复</button></span></span>
  39. <span title="QQ云输入法(支持五笔哦~)" class="icon_ime" id="emoticon"></span>
  40. </li>

第2步:添加启动按钮
然后把下面这段代码贴到你要显示按钮的地方。

  1. <a class="icon_qq" onclick="ime_qq" href="javascript:void(0);">QQ拼音</a>
  2. <a class="ime_sogou" onclick="ime_sogou" href="javascript:void(0);">搜狗拼音</a>

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注

< >