菜单导航条用图片做，怎么才能让鼠标移到上面就动呢？

lww528499 2010-08-06 09:15:19

大家好，请教，导航菜单是用图片做的，，我想让它部分有动感，如点首页时，此处显示的效果与其他显示的不相同。这种效果是怎么做出来的？谢谢

...全文

85 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

beyond_me21 2010-08-06

打赏
举报

回复

将图片切割开做为单規导般纽的背景，css设置样式 a:link正常的样式，a:hover鼠标经过样式，a:active激活样式， a:visited已访问样式

lzp4881 2010-08-06

打赏
举报

回复

http://www.wzsky.net/html/Website/Experience/106344.html

设计优秀的二级目录下拉导航条 效果为大型网站的导航条

首页的主要内容是查看最新上架的各类图书、重点关注的图书、近7日网上畅销的图书、书讯快递，以及根据图书分类的方式查看各类图书，首页应实现如下功能。 1、网站导航部分的树形菜单。当鼠标指针停在“我的当当”超链接上时，显示下拉树形菜单；当鼠标指针离开“我的当当”超链接或树形菜单时，树形菜单隐藏（1）使用onmouseover、onmouseout事件来实现树形菜单的效果。（2）使用display属性实现层的显示和隐藏。 2、打开首页时弹出固定大小的广告页面窗口。 3、在页面的右侧有一个随滚动条上下移动的广告图片，并且图片上方有一个“关闭”按钮，单击“关闭”按钮，图片和“关闭”按钮均隐藏 4、页面中间的特效是带数字按钮的循环显示的图片广告，六张图片按规定的时间间隔循环显示，右侧有六个数字按钮，显示的图片与右侧的数字按钮一一对应。例如,当显示第四张图片时，右侧的数字4变为白色，背景变为橙色，并且当鼠标移到某个数字按钮上时，左侧显示对应的图片，并且数字按钮的字体颜色变为白色，数字按钮的背景颜色变为橙色 5、Tab切换特效,使最新上架内容实现Tab切换特效，当鼠标指针移到某

内容索引:脚本资源,CSS特效,CSS菜单,导航条　　个人感觉超好看的仿支付宝网站导航栏，橙色明色调，当鼠标移到菜单项的时候，菜单项的背景变为像按钮一样，操作体验非常好。　　用到的修饰性图片资源比较多，因此将所有文件打包提供下载。

对于导航栏的实现对于前端人员来说再简单不过了，但是如何让我们的导航看起来生动，给用户一种很高大上的感觉，却需要我们好好设计一下。今天我给大家带来的是我自己在项目中用到的一个例子，当我们鼠标滑过导航栏时li下会出现一个下划线动画效果，一起看一下具体效果是什么样子的： jquery css实现鼠标滑过导航菜单栏动画效果是不是很牛掰的样子，不着急，源码马上呈上来：HTML代码 ...

默认的bootstrap的二级或多级菜单是点击才出现的。那么如果你想点击时跳转页面，就只能是实现点击出现下拉菜单，页面跳转失效。如何实现点击跳转页面，鼠标滑过出现下级菜单呢？？你就需要修改Bootstrap.js里面的一个js。你也可以在自己的页面中覆盖原来的js啦 $(document).ready(function(){ $(document).off('click

28,409

社区成员

356,971

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章