Onelong

分享知识,与你一起进步......
RSS icon Home icon
  • html页面划词翻译api

    post by onelong / 2009-12-30 3:25 Wednesday [javascript]

    最近看到到一个很有意思的功能!里面有一个划词翻译的功能!
    突然觉得那个功能很人性化!百度google一下,哈哈,还真的又发现.......
    下面的是google的划词翻译:
    如何在您的网站上增加划词翻译功能:
    任何网站只要将以下代码放入您的网页就可以为您的站点添加划词翻译的功能
    <script src="http://www.godict.com/script/huaci.js" type="text/javascript"></script>
    <script type="text/javascript">
    dictInit();
    </script>

    用户取词状态开关:
    如果您希望在网页上显示一个用户取词状态开关,则在适当位置放入以下代码(放置在划词翻译代码之前):
    <span id="dict_status"></span>
    效果如下:
    [划词翻译已开启]
    * 如果要默认取词为关闭,只有在点击开启后才打开,可在
    dictInit();
    之前增加代码:
    dict_enable=false;

    这里还有更强大的:dict.cn的划词翻译
    任何网站只要将以下代码放入您的网页就可以为您的站点添加划词翻译的功能
    <script src="http://dict.cn/hc/" type="text/javascript"></script>
    <script type="text/javascript">
    dictInit();
    </script>

    用户取词状态开关:
    如果您希望在网页上显示一个用户取词状态开关,则在适当位置放入以下代码(放置在划词翻译代码之前):
    <span id="dict_status"></span>
    效果如下:
    [划词翻译已禁用]
    * 如果要默认取词为关闭,只有在点击开启后才打开,可在dictInit();之前增加代码:dict_enable=false;
    dict.cn还提供了查词的api
    更多请留意:http://dict.cn/tools.html

  • 可筛选下拉框

    post by onelong / 2009-10-9 23:05 Friday [jquery插件]

    使用方法:
    <script type='text/javascript' src='sfilter.js'></script>
    <link rel="stylesheet" href='sfilter.css' type="text/css" />

    调用如下:
    <script type="text/javascript">
    $(document).ready(function(){
     $("#test").sfilter();   //test是select的id名
    }
    );
    </script>

    附件下载:
    sfilter.rar 1.86KB
    jquery.rar 18.81KB