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

lww528499 2010-08-06 09:15:19

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

...全文

93 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

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

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

css 鼠标下划线线跟随效果vue实现导航栏下划线跟随动画css html react实现导航栏下划线跟随鼠标滑动效果css实现导航栏下划线跟随效果nuxt实现导航栏下划线跟随效果css光标下划线跟随效果简单带下划线跟随效果的CSS3下拉菜单特效css 导航栏下划线跟随效果使用CSS怎么实现导航栏下划线跟随效果纯CSS实现导航栏下划线跟随滑动效果纯CSS实现鼠标滑过下划线跟随效果CSS实现鼠标经过导航的超链接时显示下划线效果纯CSS怎么实现导航栏下划线跟随效果不可思议的纯CSS导航栏下划线跟随效果

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

bootstrap鼠标移入导航展开下拉菜单则加以下jq代码：实现鼠标点击“有下拉菜单的导航“ （一级导航）进行跳转：当前页导航栏高亮显示的方式： 1、每个html/jsp都有导航栏，则设置当前页导航项的css为高亮即可 2、多个页面共用一个导航栏（导航栏单独写一个jsp/html,其它页面调用）： $(‘#navbar-collapse ul’).children(‘li’).eq(0).addClass(‘active’); //childer():因为导航栏有下拉菜单，下拉菜单又有用li标签，所有用

28,408

社区成员

356,967

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章