底部悬浮代码

CSS部分,作用：美化，可以不加

------------------------------------

<!--底部悬浮css-->
<style type="text/css">
#fixedwp{overflow:hidden;text-align:left;position:relative;}
#fixedwp .fixedwpa{height:35px; background:#CFEB88;filter:alpha(opacity=60);-moz-opacity:0.6;-kHTML-opacity: 0.6;opacity: 0.8;line-height:35px;}
#fixedwp .fixedcon{position:absolute; z-index:99; height:29px;top:3px; left:0px;}
#fixedwp .fixedcon .main{width:990px;margin:0 auto;}
#fixedwp .fixedcon img{margin:0 5px;}
</style>
<!--底部悬浮css-->

 

---------------------------------------

 

body部分

 

-----------------------------------------

<div id="fixedwp">
 <div class="fixedwpa"></div>
        <div class="fixedcon">
         <div class="main">
          <img src="templets/images/028.gif" alt="2342343" /><img src="templets/images/032.gif" alt="热线电话：[phone]"/><a href="tencent://message/?uin=473821173&Site=在线QQ&Menu=yes%20target=blank" target="_blank"><img src="templets/images/031.gif"  alt="QQ在线交流"/></a><a href="http://net.zoosnet.net/LR/chatwin.aspx?id=NET47678578&lng=cn" target="_blank"><img src="templets/images/029.gif" alt="乙肝大三阳在线交流" /></a><a href="/yiyuanhuanjing/chengcheluxian.html" target="_blank"><img src="templets/images/033.gif" alt="乘车路线" /></a>
            </div>
       </div>
 
</div>
<script type="text/javascript" src="index.js"></script>

 

----------------------------------------------------------

 

 

JS 部分，下面代码另存为js文件即可

 

---------------------------------------------

 

//底部漂浮
var isie6 = window.XMLHttpRequest?false:true;
window.onload = function(){
    var fixedwp = document.getElementById('fixedwp');
   if(isie6){
         fixedwp.style.position = 'absolute';
         window.onscroll = function(){
    fixedwp.style.background = 'transparent';
          }
   }else{
      fixedwp.style.position = 'fixed';
   }
    
      fixedwp.style.bottom = '0';
}

 

---------------------------------------------------