网络编程 发布日期:2024/10/7 浏览次数:1
本文实例讲述了js实现顶部可折叠的菜单工具栏效果。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>可以折叠的菜单工具栏</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""fx_topToolbar"> <div class="shell"> <a href="#" title=""> <img src="/UploadFiles/2021-04-02/1.gif">希望本文所述对大家的javascript程序设计有所帮助。