html底部跟屏导航栏
html底部跟屏导航栏
tianhuahua 发表于4年前
html底部跟屏导航栏
  • 发表于 4年前
  • 阅读 83
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

<html>
<head>
<style type="text/css">
.home_bottom {position:fixed; height:44px; background:#494c4a; bottom:0; width:100%; background:url(./image/bgimg3.gif) 0 -1506px repeat-x; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(0,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.home_bottom_ly {width:990px; margin:auto;  background:url(./image/bf_bg2.png) no-repeat; height:43px;}
.home_bottom_ly2 {width:990px; margin:auto;  background:url(./image/bf_bg2.png) 0 -94px no-repeat; height:43px;}
.hb_link01,.hb_link02,.hb_link03,.hb_link04,.hb_link05,.hb_link07,.hb_link08,.hb_link09,.hb_link10,.hb_link11{display:block; float:left; height:30px; margin-top:12px;}
.hb_link01 {width:40px;}
.hb_link01:hover { background:url(./image/bf_bg2.png) 0 -60px no-repeat;}
.hb_link02 {width:90px; margin-left:67px;}
.hb_link02:hover { background:url(./image/bf_bg2.png) -977px -60px no-repeat;}
.hb_link03 {width:90px; margin-left:33px;}
.hb_link03:hover { background:url(./image/bf_bg2.png) -230px -60px no-repeat;}
.hb_link04 {width:90px; margin-left:28px;}
.hb_link04:hover { background:url(./image/bf_bg2.png) -349px -60px no-repeat;}
.hb_link05 {width:90px; margin-left:24px;}
.hb_link05:hover { background:url(./image/bf_bg2.png) -462px -60px no-repeat;}
.hb_link06 {width:130px; margin-left:25px; display:block; float:right; height:43px;}
.hb_link06:hover { background:url(./image/bf_bg2.png) -860px -48px no-repeat;}
.hb_link07 {width:40px; margin-left:70px; _margin-left:70px;}
/*.hb_link07:hover {background:url(../images/bf_bg2.png) -40px -151px no-repeat;}*/
.hb_link08 {width:98px; margin-left:7px;}
.hb_link08:hover { background:url(./image/bf_bg2.png) -118px -151px no-repeat;}
.hb_link09 {width:96px; margin-left:22px;}
.hb_link09:hover { background:url(./image/bf_bg2.png) -231px -151px no-repeat;}
.hb_link10 {width:92px; margin-left:26px;}
.hb_link10:hover { background:url(./image/bf_bg2.png) -358px -151px no-repeat;}
.hb_link11 {width:104px; margin-left:19px;}
.hb_link11:hover { background:url(./image/bf_bg2.png) -470px -151px no-repeat;}
.home_bottom_qh {float:left; margin:13px 29px auto auto;}
.home_bottom_img {margin-top:13px; float:left;}
.home_bottom_img img {margin-right:24px;}
.ancqh {position:absolute; float:left; margin:-20px 0 0 10px; *margin:-20px 0 0 -965px; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8;}
</style>

</head>
<body>
<div style="width:100%;float:left;height:1100px;">

</div>
<!-- 浮动 --><!-- 底部客服 -->
<div class="home_bottom">

    <div class="home_bottom_ly2" id="float_bottom_02">
        <div class="hb_link07"></div>
        <a href="http://open.fxmillion.com/" target="_blank" class="hb_link08"></a>       
        <a href="http://member.fxmillion.com/" target="_blank" class="hb_link09"></a>
        <a href="http://fxmillion.com/Download/mti4setup.exe" target="_blank" class="hb_link10"></a>
        <a href="http://member.fxmillion.com/" target="_blank" class="hb_link11"></a>	
		<a href="http://wpa.qq.com/msgrd?v=3&uin=4008440118&Site=www.fxmillion.com&Menu=yes" target="_blank" class="hb_link06"></a>   
    </div>    
</div>
<!--页底 End--><!-- 底部客服 -->
 
</body>
</html>

<script>
(function(){function e(e,n,r,i){var r=r||500,s=i||function(){},o,u=parseInt(t(e,"height"),10);e.toggled?o=e.originalHeight:(o=u,e.originalHeight=o);var a=Math.round(r/o);n=="show"&&(e.style.height="0"),e.style.display="block",e.toggled=!0;var f=o;for(var l=f;l>=0;l--)(function(t){var r=n=="show"?t*a:(f-t)*a;setTimeout(function(){(t==0&&n=="hide"||t==f&&n=="show")&&s(),e.style.height=t+"px";var r=t/f;e.style.opacity=r,e.style.filter="alpha(opacity="+r*100+")"},r)})(l)}function t(e,t){if(e.style[t])return e.style[t];if(e.currentStyle)return e.currentStyle[t];if(document.defaultView&&document.defaultView.getComputedStyle){t=t.replace(/([A-Z])/g,"-$1"),t=t.toLowerCase();var n=document.defaultView.getComputedStyle(e,"");return n&&n.getPropertyValue(t)}return null}function n(e,t,n){var r=function(e,t){try{return e.contains?e!=t&&e.contains(t):!!(e.compareDocumentPosition(t)&16)}catch(n){}},i=function(e){var t=e.currentTarget,i=e.relatedTarget;!r(t,i)&&t!=i&&n.call(e.currentTarget,e)};e.addEventListener?t=="mouseenter"?e.addEventListener("mouseover",i,!1):t=="mouseleave"?e.addEventListener("mouseout",i,!1):e.addEventListener(t,n,!1):e.attachEvent("on"+t,n)}function r(t){var r=this;r.cfg=t;var i=function(){n(r.cfg.closeBtn,"click",function(){r.close()}),n(r.cfg.wrap,"mouseenter",function(){r._timingClose("stop")}),n(r.cfg.wrap,"mouseleave",function(){r._timingClose("start",3)}),n(window,"focus",function(){r._pollStop=!1}),n(window,"blur",function(){r._pollStop=!0}),window[r.cfg.pollCallback]=r._push,window[r.cfg.contentCallback]=r._fillContent,r.start()},s=function(e,t){var n="popush_scriptloader";document.getElementById(n)!==null&&document.body.removeChild(document.getElementById(n));var i=document.createElement("script");i.id=n,i.type="text/javascript",i.async=!0,i.src=r.cfg.preventCache?e+"?"+Math.round(Math.random()*1e10):e,i.onload=t||function(){return!1},document.body.appendChild(i)},o=function(){var e=location.host.split(".").reverse()[2],t="?id="+r.cfg.id+"&cname="+e+"&rnd="+Math.round(Math.random()*1e10);(new Image).src=(r.cfg.countUrl||"count.php")+t};r._getDisplayState=function(){return!r._state||r._state=="hide"?"hide":"show"},r._display=function(t){if(r._getDisplayState()==t)return!1;e(r.cfg.contentWrap,t),r._state=t},r._timingClose=function(e,t){if(r._getDisplayState()=="hide")return!1;var t=t||r.cfg.hideAfter;e=="start"?r._closeTimer=setTimeout(function(){r._display("hide")},t*1e3):e=="stop"&&typeof r._closeTimer!="undefined"&&clearTimeout(r._closeTimer)},r.close=function(){if(!-[1,]&&!window.XMLHttpRequest){r.cfg.wrap.style.display="none";return !1;}r._getDisplayState()=="show"?r._display("hide"):r.cfg.wrap.style.display="none"},r._fillContent=function(e){r.contentCache=e,r.cfg.contentWrap.innerHTML=e,r._display("show"),r._timingClose("start")},r.manualShow=function(){if(r._getDisplayState()=="show")return!1;r.contentCache?r._fillContent(r.contentCache):s(r.cfg.contentUrl)},r._push=function(e){var t=Math.round((new Date).valueOf()/1e3),n=parseInt(e,10),i=t-n,u=NTES.cookie.get("PopPushData");if(u==n)return!1;if(r.cfg.oldTime&&i>r.cfg.oldTime)return!1;s(r.cfg.contentUrl),NTES.cookie.set("PopPushData",e,"30m",".163.com","/"),o()},r._poll=function(){r._pollStop||s(r.cfg.pollUrl)},r.start=function(){r._pollStop=!1,r._poll(),window.setInterval(r._poll,r.cfg.pollCycle*1e3)},i()}window.PopPush=r})()
</script>


共有 人打赏支持
粉丝 3
博文 19
码字总数 8749
评论 (0)
×
tianhuahua
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: