2010年8月21日星期六

右侧漂浮Google翻译的方法

今天在google上发现一个翻译页面文字的代码,,,

一时好玩,就改成漂浮的了,,感觉更实用点.

想像本站一样让右侧漂浮一个Google翻译么???

效果如图:
1.jpg - 大小: 38.9 K - 尺寸:  x  - 点击打开新窗口浏览全图

代码如下:

<!--漂浮开始-->
<script language="javascript" type="text/javascript">
var w3c = (document.getElementById) ? true : false;
var agt = navigator.userAgent.toLowerCase();
var ie = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera") == -1) && (agt.indexOf("omniweb") == -1));
var mymovey = new Number();
function IeTrueBody(){
return (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
}
function GetScrollTop(){
return ie ? IeTrueBody().scrollTop : window.pageYOffset;
}
</script>
<!--右侧漂浮开始-->

    <div id=backi style="Z-INDEX:2; POSITION: absolute; TOP: 1px; HEIGHT:auto; right:10%">
    <div id="google_translate_element"></div></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'zh-CN'
  }, 'google_translate_element');
}
</script><script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> <script language="JavaScript1.1">
    function heartBeat(){
     diffY=GetScrollTop();
     mymovey += Math.floor((diffY-document.getElementById('backi').style.top.replace("px","")+50)*0.1);
     document.getElementById('backi').style.top = mymovey+"px";
    }
    window.setInterval("heartBeat()",1);
   </script>
<!--漂浮结束-->
 

从网上抄了段代码自己乱改下,,特拿来分享,,有错误的地方敬请谅解,,我也只是个代码菜鸟,,

插入文章显示也得模板内就可以了~~很方便吧~~