固定左侧位置的悬浮窗

原创
2015/10/22 08:03
阅读数 84
<script language="javascript">


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"><img src="http://www.robotedu.org/images/irobotedu.gif" width="60px" height="60px" title="把我放到你的桌面上吧!下次访问!" border="0px"/></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>
展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部