首页 » WordPress » 浏览内容

为网站添加云输入法


2010-12-11 23:58:31 2,443 views 0 发表评论 字体: 作者:C.K.
标签: WordPress云输入法备忘

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

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


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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
//云输入法
     $(".icon_ime").click(function(){
      javascript: (function(q) { !! q ? q.toggle() : (function(d, j) {
            j = d.createElement('script');
            j.src = 'http://ime.qq.com/fcgi-bin/getjs';
            j.setAttribute('ime-cfg', 'lt=2&im=212');
            d.getElementsByTagName('head')[0].appendChild(j)
        })(document)
    })(window.QQWebIME)
});

// CSS代码
#emoticon {
   cursor: pointer;
    float: right;
    margin-right: 10px;
    margin-top: 1px;
}
.icon_ime {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("css/favicon.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 16px;
    margin-bottom: -2px;
    width: 16px;
}

//调用代码所在位置
<li class="form-post">
<span class="btn"><span><button type="submit" name="submit" id="submit">提交 [Ctrl+Enter]</button></span></span>
<span class="btn"><span><button type="reset">重置</button></span></span>
<span class="btn cancel"><span><button type="button" id="cancel-comment-reply-link">取消回复</button></span></span>
<span title="QQ云输入法(支持五笔哦~)" class="icon_ime" id="emoticon"></span>
</li>

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

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

评论 0 条回应 (访客:0 条, 博主:0 条) 发表

  1. 暂无评论,快抢沙发吧。

发表评论

  • 插入图像

要发表评论,您必须先登录