- 2011-02-24
带阴影效果的仿论坛感应菜单,在discuz论坛程序中,大家都比较熟悉就是在登录后会有一个用户导航,鼠标放上后,显示出更加详细的导航,这个菜单就实现这样一种效果,它同时还封装了一个实现本效果的类,大家都可方便使用,代码中的类你可单独拷贝出来保存为新的JS文件。
- 2011-02-24
一级横向滑动,二级竖向下拉综合菜单,这个菜单一共是三级,前两级是滑动切换的方式,第三级主要是下拉菜单的形式,虽然简单的样式简约,但是实现他们其实是很复杂的,希望从事前端开发的朋友一同参考一下吧。
Transitio
- 2011-02-24
三级CSS下拉导航菜单
onal.dtd>
html xmlns=1999/xhtml>h
- 2011-02-24
同一个网页布局滑动门和TAB修正版,其实滑动门和选项卡没有太大的区别,无非是鼠标动作的不同而已,但是有时候在同一个网页中布局两个以上的选项卡,总容易产生混乱,导致JS出错,如果你需要这样做,那么就请参考本实例,帮你解决这个问题。
E html PUBLIC -/
- 2011-02-24
CSS版相当漂亮的滑动门式导航菜单,蓝色系,立体效果,设计的非常精美,希望大家能够喜欢哦。主菜单分为二级,如果想多级,可以看看代码是如何调用的,分级后菜单结构更加明淅,用户体验更好。
- 2011-02-24
鼠标悬停时动态翻滚的导航条,注意这里用了两个背景图,请等待网页加载完成或多刷新几次,这个是使用JavaScript实现的,不过代码好像是从jQuery里摘出来的,有点像。
1/DT
- 2011-02-24
自已写的横排的导航菜单,红色水晶风格,大家可以用啦,不过也有些地方需要高手指教啊,代码里有注释,兼容性还不错,希望一起提高吧。
onal.dtd>
- 2011-02-24
jQuery 菜单,可以智能判断是否是当前导航,如果是,则给当前的菜单项添加一个标记,而你的CSS文件并不需要重新定义,完全交给jQuery 来处理,现在有些朋友或许已经明白了,是jQuery让这种智能菜单变得更加有创意。
- 2011-02-24
这是一个使用了图片交换技术制作的CSS鼠标悬停菜单,也就是大家所说的鼠标经过换色,不过本例中的菜单并没有使用纯CSS来实现背景换色,这里将用一幅图片替换了背景色,因为主要是想让大家了解CSS对背景图片控制的技巧,实际上,这里的图片在正常使用时完全可以用CSS代码
- 2011-02-24
CSS伪类实现的鼠标滑动链接,是一个图片导航,在早期的DW中有专一制作本效果的插件,不过随着大家CSS水平的提高,现在做出这种效果好像得心应手了,因为这种果大家应该都挺喜欢的。
- 2011-02-24
大家都知道,滑动门和选项卡在布局和结构方面几乎是一样的,唯一不同的是触发方式,这个是由JavaScript决定的,大致来讲就是将onmouseover改为onclick就行了,本款选项卡以前是款比较流行的滑动门,现在改成了选项卡,大家看看有什么区别。
- 2011-02-24
来自日本门户网站的一款CSS+JavaScript选项卡导航菜单,银灰色风格,看来日本人和中国人的审美是接近的,都喜欢这种风格,如果你要用的话,直接拷贝代码部分到你的网页中,注意你需要修改编码才行,日本的编码和中国可是不一样哦。
日本门户网
- 2011-02-24
效果个性的CSS导航,鼠标经过时出现有趣弧形背景,实际上,这里用CSS调用了背景,用JavaScript控制了背景的移动,用jQuery实现过类似的功能,整体感觉很不错。
- 2011-02-24
支持6级的JS+CSS网站导航主菜单,级级相信够大家用了,外观蓝色风格,也是使用最多的一种菜单颜色,而且菜单的兼容性非常好,支持IE6\IE7\IE8,火狐、GG浏览器等不同内核的主流浏览器。
- 2011-02-24
为了让菜单看上去更漂亮一些,我们都喜欢用图片去修饰菜单的背景,如果是规则图片,那很好实现,但是如果菜单的背景是不规则的,我们应该如何让它的宽度随着菜单的文字多少而自动适应宽度变化呢?通过这个菜单实例,你将会明白其中的原由。
- 2011-02-24
紫罗兰风格CSS导航条,相信你会喜欢,不信就点运行看一下吧,很经典的CSS菜单。
- 2011-02-24
横向滑动特效的菜单,基于CSS+JavaScript技术,感觉挺不错,放上后出现一个指示条会跟着鼠标游动,类似于jQuery打造的效果,但这个却是用JavaScript实现的,和JS框架没有任何关系,而且效果也超不错。
- 2011-02-24
带标记滑动的JS+CSS菜单,带动画效果,本人比较喜欢,运行一下看看效果吧。
- 2011-02-24
这个菜单是使用PNG透明图片修饰的圆角,如果想换颜色,你可以把PNG图片用图像编辑软件打开换个颜色就行了,代码真是非常简洁,很容易能看懂,这样你就可以容易修改菜单,以适合你的网站需要。
- 2011-02-24
一个蓝色竖排的CSS导航菜单,比较经典的形式,用到两张背景图片,分别用来修饰链接的背景以及鼠标滑动菜单变换的效果。