收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 8037|回复: 11

[讨论] 一款不错的js下拉菜单,分享给大家

[复制链接]
发表于 2008-3-30 16:10:11 | 显示全部楼层 |阅读模式
这是一个从老外网站搞下来的,www.admincss.com感觉还蛮好的,特意找来分享给大家

 提示:您可以先修改部分代码再运行


[[i] 本帖最后由 fhjzzx 于 2008-3-30 16:11 编辑 ]
 楼主| 发表于 2008-3-30 16:38:22 | 显示全部楼层
自己先顶一下~~~~~~~~~~~~~
回复 支持 反对

使用道具 举报

发表于 2008-3-30 16:51:52 | 显示全部楼层
嗯。 不错。
回复 支持 反对

使用道具 举报

发表于 2008-4-12 10:33:02 | 显示全部楼层
这是JS写的吗,这应该是纯css写的下拉菜单
回复 支持 反对

使用道具 举报

发表于 2008-4-13 13:03:04 | 显示全部楼层
CSS的潜力确实很大.
用这么多的代码去写一个下拉菜单,多多考虑
回复 支持 反对

使用道具 举报

发表于 2008-4-14 10:02:48 | 显示全部楼层
10句Js的事用50句Css去做,值得吗?还不符合标准
回复 支持 反对

使用道具 举报

发表于 2008-4-14 11:10:18 | 显示全部楼层
原帖由 [i]ghbjy1128 于 2008-4-14 10:02 发表
10句Js的事用50句Css去做,值得吗?还不符合标准


不值得,而且代码多了要改很不方便,就开源代码来说,对于需要调用的其他人是很不友好的,偶深受其害
回复 支持 反对

使用道具 举报

发表于 2008-4-14 15:56:01 | 显示全部楼层
說句實在話,任何以CSS實現效果的原理,大家研究研究那是無可厚非的,
但是這種鑽牛角尖的作法,我個人非常的反感,
搞不懂為什麼非要叫CSS去作JS的事情呢?

仔細看看代碼,若以標準的角度去審視,這份XHTML結構明顯犯了兩個嚴重的錯誤:

元素崁套不合理1:
例如:
  1. <!--[if lte IE 6]></td></tr></table></a><![endif]-->
复制代码


利用<!--[if lte IE 6]>...<![endif]-->硬生生的把表格從結構中截斷。
因為條件註釋在IE是有作用的,既然有作用,那應該遵循其他元素一樣的正常坎套。

元素崁套不合理2:
例如:
  1. <a href="#nogo"><table><tr><td><![endif]-->
  2. <dl class="one">
  3. <dt><a href="../menu/index.html">栏目</a>
复制代码


在內聯元素裡頭崁套塊級元素,用A元素去包含表格,明顯嚴重違反基本的元素坎套規則。

CSS不是JS的附屬品,它們應該合理的被使用在各自不同的環境中,它們可以相輔而成,但是絕對不能成為彼此的附屬品。
如果說為了體現CSS有多強大,而使用一些違反常理的技術手段來實現,那麼說明此人的對於「標準」的理解有著很大的錯誤。

再者說了,這份效果的CSS寫的又臭又長,說不定用JS來實現還簡單些,真的有必要這樣亂搞嗎。

要學,就學正當的、正確的。旁門左道的技術都是不可取的。
回复 支持 反对

使用道具 举报

发表于 2008-4-14 16:34:24 | 显示全部楼层
不错.顶起.....
回复 支持 反对

使用道具 举报

发表于 2008-4-16 21:39:08 | 显示全部楼层
我发现这里的人都很热心啊,而且有很多高手!
回复 支持 反对

使用道具 举报

发表于 2008-4-17 08:42:49 | 显示全部楼层
如果做的是纯粹的没有动态效果的导航,用css来控制是足够了。如果涉及到交互效果,建议是用dom或者javascript实现。这是w3所推荐的。楼主引用的代码里,也有javascript。这段代码现在看来,效果当然是没问题的,楼主只是觉得不错,就推荐了下,这本是好事!大家只要发表自己的技术层面的建议就好了!
就交互效果导航,大家可以到http://www.alistapart.com/去看看,在右边的search里“drop menu”一下,会出来不少牛人的关于交互导航栏不同实现方式的技术文档。CSS+javascript实现,在那可以学到不少知识。
回复 支持 反对

使用道具 举报

发表于 2008-4-17 09:32:53 | 显示全部楼层
不错不错,支持一下!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备12001430号 )  

GMT+8, 2020-7-13 13:11 , Processed in 0.140272 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表