In fact, careful friends will find that the top of the toolbar is actually a tiled background image, CSS played a fixed background role, but also a unique way to achieve.
<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> <ptml xmlns=" http://www.w3.org/1999/xhtml "> <pead> <meta http-equiv=" Content-type "content=" text/html; charset=gb2312 "/> <title> top Drag no Flicker menu bar </title> <style type=" Text/css "> * {margin:0px; padding:0px; } body {background-image:url (); background-attachment:fixed; } #topNavWrapper {width:980px; Text-align:left; height:31px; margin:0px Auto; z-index:100; _position:relative; _top:0px; } #topNav {width:980px; Float:left; Display:block; z-index:100; overflow:visible; position:fixed; top:0px; /* Position fixed for IE6 * * _position:absolute; _top:expression (documentelement.scrolltop + "px"); Background-image:url (/upload/2010-3/20100303232637297.gif); Background-repeat:no-repeat; BackGround-position:right; height:31px; } </style> </pead> <body> <div id= "Topnavwrapper" > <ul class= "jd_menu" id= "Topnav" > <li> Cloud Habitat </li> </ul> </div> <table><tr><td height= "1080" ></td ></tr></table> </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
