一时好玩,就改成漂浮的了,,感觉更实用点.
想像本站一样让右侧漂浮一个Google翻译么???
效果如图:
代码如下:
<!--漂浮开始-->
<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>
<!--漂浮结束-->
<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>
<!--漂浮结束-->
从网上抄了段代码自己乱改下,,特拿来分享,,有错误的地方敬请谅解,,我也只是个代码菜鸟,,
插入文章显示也得模板内就可以了~~很方便吧~~
没有评论:
发表评论