<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title> menu toolbars that can be collapsed </title>
<style>
html,body{margin:0;}
body{URL (img.jpg) repeat-x;}
ha{margin:0 Auto;}
Img{border:none;}
#fx_topToolbar {position:relative;top:-76px;left:0;margin:0 auto;height:92px;background: #0C3E74; width:700px; Text-align:center;}
#fx_topToolbar. shell{ margin:0 auto;padding:13px 0;}
#btn_offOn {position:absolute;bottom:-8px;left:20px;height:24px; Width:150px;background:url (img34.gif) no-repeat;}
#btn_offOn A{display:block;zoom:1;height:24px;position:relative;right:-16px;background:url (tip.gif) no-repeat 100 % 0;}
</style>
<script>
(js={
$:function (o) {return typeof o== "string"? document.getElementById (o): o},
On:function (O,TYPE,FN) {o.attachevent?o.attachevent (' on ' +type,function () {Fn.call (O)}): O.addeventlistener (Type, Fn,false); return Js.on},
Move:function (WHO,ATTR,VAL,S,FN) {
var fm=parseint (who.style[attr]) | | 0;
Clearinterval (who[' Timer_ ' +attr]);
var ifx= (function (form,to,s) {
return function () {return form+=math[form<to? ' Ceil ': ' Floor ' (to-form) * (s| | 0.3)};
}) (Fm,val,s);
who[' timer_ ' +attr]=setinterval (function () {
var v=ifx ();
who.style[attr]=v+ ' px ';
if (v==val) { Fn&&fn.call (WHO); Clearinterval (who[' Timer_ ' +attr]);
},18);
}
}). On (window, ' Load ', function () {
var q=js.$ (' Fx_toptoolbar '); q.style.top= ' -74px ';
Js.on (js.$ (' Btn_offon '), ' mouseover ', function () {Js.move (Q, ' top ', 0)})
(q, ' mouseout ', function () {q.outtimer=settimeout (function () {js.move (q, ' top ',-74)},10)})
(Q, ' mouseover ', function () {cleartimeout (This.outtimer)});
})
</script>
<body>
<div id= "Fx_toptoolbar" >
<div class= "Shell" >
<a href= "#" title= "" ></a>
<a href= "#" title= "" ></a>
</div>
<div id= "Btn_offon" ><a href= "#" title= "" ></a></div>
</div>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
</body>
Top can collapse the menu toolbar
