专业的广州网站建设公司、广州网站设计制作公司为您服务,电话:020-85548809,29883069
新闻中心
专业专注专心,行业行情行规
分享交流,永无止境,我们愿与您共同进步

网站制作之最简单的下拉菜单代码

发布日期:[2010/1/11]   编辑:奇亿广州网站建设

一般下拉菜单都是JS实现的,但代码太多,如果多个项目下拉那改动就太烦琐了,像这样的懒人可是受罪。自己写了段直接用DIV层实现的下拉菜单,很简单根本无技术含量,菜单下拉的具体位置自己慢慢细调,以下是最简单的鼠标经过出现下拉菜单的代码:

<table><tr><Td><div Onmouseout="pro.style.visibility='hidden'" Onmouseover="pro.style.visibility='visible'">
       <div align="center" style="visibility:visible"><a href="products.asp">产品展示</a></div>
         <div id="pro" style="position:absolute;visibility:hidden; margin-top:0px;">
   <table width="105" bgcolor="#64A0E8">
   <tr><td height="5" align="left"></td></tr>
         <tr><td height="20" align="left"><a href="#">产品分类1</a></td></tr>
         <tr><td height="20" align="left"><a href="#">产品分类2</a></td></tr>
         <tr><td height="20" align="left"><a href="#">产品分类3</a></td></tr>
   <tr><td height="20" align="left"><a href="#">产品分类4</a></td></tr>
         </table></div>
</td></tr></table>

注意:记得把第一行代码的那个改成字母o啊,编辑器识别不了,哈哈。
下拉菜单层的那个margin-top:0px属性不要改啊,否则你是得不到需要的那种效果滴。

广州建网站、广州做网站
或者将本文《网站制作之最简单的下拉菜单代码》收藏和分享到:
复制本文《网站制作之最简单的下拉菜单代码》地址给好友: