DIV+CSS经典——双语导航菜单 无JS代码11/02/2007
这个菜单的巧妙之处在于对a:hover伪类的淋漓尽致的应用(用<span>隐藏杀机),所以不用JS代码,也能实现这种很炫的效果。
怎么看怎么有点像flash的效果呀?呵呵,不多说了,看代码吧!(代码首页显示不下,只好就此截断了,请多包涵。 ^_^) 此文妙哉,快快看全文 »
2,386位童鞋围观 | 2条评论分类: JS/DIV/CSS 标签: a:hover、div+css、float、切换、双语、导航菜单
这个菜单的巧妙之处在于对a:hover伪类的淋漓尽致的应用(用<span>隐藏杀机),所以不用JS代码,也能实现这种很炫的效果。
怎么看怎么有点像flash的效果呀?呵呵,不多说了,看代码吧!(代码首页显示不下,只好就此截断了,请多包涵。 ^_^) 此文妙哉,快快看全文 »
2,386位童鞋围观 | 2条评论分类: JS/DIV/CSS 标签: a:hover、div+css、float、切换、双语、导航菜单
昨儿做了个实验,简单用DIV+CSS排了个布局经典的header+left+right+footer型。我先写
[codes=xml]
<div class="header">HEADER</div>
<div class="left">LEFT</div>
<div class="right">RIGHT</div>
<div class="footer">FOOTER</div>
[/codes]
可是当我想让right 为右对齐,设置 float:right,结果扯了,不是想要的结果,于是将<div class="right"></div>调到<div class="left"></div>上面,问题就解决了。呵呵
3,301位童鞋围观 | 1条评论分类: JS/DIV/CSS 标签: div+css、float