html底部导航栏切换效果,html底部跟屏导航栏

.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;}

(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.οnlοad=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})()