固定左側位置的懸浮窗

var LoginUI = !!window.LoginUI || {};

LoginUI.getViewportWidth = function(){

    var width=0;

    if(document.documentElement && document.documentElement.clientWidth){

    width=document.documentElement.clientWidth;}

    else if(document.body && document.body.clientWidth){

    width=document.body.clientWidth;}

    else if(window.innerWidth){

    width=window.innerWidth-18;}

    return width;

}

LoginUI.getViewportHeight = function() {

    var height=0;

    if(window.innerHeight){

    height=window.innerHeight-18;}

    else if(document.documentElement&&document.documentElement.clientHeight){

    height=document.documentElement.clientHeight;}

    else if(document.body&&document.body.clientHeight){

    height=document.body.clientHeight;}

    return height;

}

LoginUI.getViewportScrollX = function(){

    var scrollX=0;

    if(document.documentElement&&document.documentElement.scrollLeft){

    scrollX=document.documentElement.scrollLeft;}

    else if(document.body&&document.body.scrollLeft){

    scrollX=document.body.scrollLeft;}

    else if(window.pageXOffset){

    scrollX=window.pageXOffset;}

    else if(window.scrollX){

    scrollX=window.scrollX;}

    return scrollX;

}

LoginUI.getViewportScrollY=function() {

    var scrollY=0;

    if(document.documentElement&&document.documentElement.scrollTop){

    scrollY=document.documentElement.scrollTop;}

    else if(document.body&&document.body.scrollTop){

    scrollY=document.body.scrollTop;}

    else if(window.pageYOffset){

    scrollY=window.pageYOffset;}

    else if(window.scrollY){

    scrollY=window.scrollY;}

    return scrollY;

}

function scrollMsgTip()

{var elem1 = document.getElementById('msgtip');

   var t = LoginUI.getViewportHeight() + 

      LoginUI.getViewportScrollY() - elem1.offsetHeight;

   elem1.style.top = t + "px"; 

   elem1.style.left = 0;

}

function scrollTip()

{

    scrollMsgTip()

}

window.onload = window.onscroll = scrollTip;

</script>

<div style='position:absolute;top:300;left:0;width:80px;height:300px;border:3px double #AAA;font-size:12px;text-align:center;padding:5px' id='msgtip'>

<br>收藏到桌面<a href="http://www.robotedu.org/robotedu.php" target="_blank" rel="external nofollow" ><img src="http://www.robotedu.org/images/irobotedu.gif" width="60px" height="60px" title="把我放到你的桌面上吧！下次通路！" /></a><br><br>

主站<br>手機版二維碼<img src="http://www.robotedu.org/images/qrcode11.png" width="60px" height="60px" title="機器人教育教育訓練網手機版二維碼：http://wap.robotedu.org" /><br><br>

師生園地<br>手機版二維碼<br><img src="http://www.robotedu.org/images/qrcode21.png" width="60px" height="60px" title="機器人教育教育訓練網師生園地手機版二維碼：http://wap.home.robotedu.org"  />

</div>

轉載于:https://my.oschina.net/joesoft/blog/520212