如何实现戴尔官网上最上面的下拉菜单

nszhang 2009-10-05 05:31:13

http://www.dell.com.cn/
戴尔官网上的靠上面的位置，有几个下拉菜单，“用于家庭与个人办公”，“用于中小型企业”，“公告事业部”，“用于大型企业”这几个下拉菜单，鼠标放上去之后，会显示一个列表，里面有2级菜单，而且宽度足够宽，下拉菜单的宽度能够涉及到后面级联菜单的下方。而且还不影响下面图片的显示。
请问这个效果如何实现？

...全文

311 10 打赏收藏转发到动态举报

写回复

用AI写文章

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

happy664618843 2009-10-07

打赏
举报

js+css

blliy117 2009-10-06

打赏
举报

[Quote=引用 7 楼 mubeibei 的回复:]
直接看源码~·把代码都扒下来~·
[/Quote]
最容易的就是这个了

blliy117 2009-10-06

打赏
举报

这不是下拉选择框能出来的效果

这是脚本加CSS

MuBeiBei 2009-10-06

打赏
举报

直接看源码~·把代码都扒下来~·

sinbasara 2009-10-06

打赏
举报

今天拿十分

大石谭 2009-10-06

打赏
举报

看过代码了，弄得还挺复杂的
你要是想实现这个效果，把他的页面另存为，在文件夹里有几个关键文件：css.css，jquery-1.2.2e.js，home74.js，menu.htm，还有一段调用JS：



      <SCRIPT language=JavaScript type=text/javascript>



writeMH( "<a href='http://www1.ap.dell.com/content/topics/topic.aspx/ap/topics/storeinfo/zhcn/security_privacy?c=cn&l=zh&s=dhs'>放心在线购买</a> 或 <a href='http://www1.ap.dell.com/content/topics/topic.aspx/ap/topics/main/zhcn/online_retail_integration?c=cn&l=zh&s=dhs'>浏览戴尔授权零售商店 </a> </br>或 拨打销售电话","800-858-0888", null, null, true, true, null );

</SCRIPT>

你要改成你自己的菜单，就修改一下：menu.htm
就好了
希望能对你有用