ul定制菜单,JQuery改变菜单颜色
2013-12-03 23:54
204 查看
用ul做的菜单,配合样式表。加jquery代码,鼠标移动到菜单时,改变颜色
JQuery代码:
<style type="text/css"> * {font-family:'宋体';text-decoration:none; } a:link {color:white;} a:visited {color:white;} a:hover {color:white;} a:active {color:white;} li { display:block; float:left; padding: 10px 60px; font-size:14px; color:white; /*border: 1px solid #000000;*/ background-color:AppWorkspace; } </style> <ul class="list"> <li><a href="www.baidu.com">首页</a></li> <li><a href="www.baidu.com">产品展示</a></li> <li><a href="www.baidu.com">企业新闻</a></li> <li><a href="www.baidu.com">关于我们</a></li> <li><a href="www.baidu.com">营销网络</a></li> <li><a href="www.baidu.com">联系我们</a></li> </ul>
JQuery代码:
$("document").ready(function () { $("li").hover( function () { $(this).css('background-color', 'red'); }, function () { $(this).css('background-color', 'AppWorkspace'); } ); });
相关文章推荐
- Jquery中CSS方法改变颜色
- javascript鼠标悬停改变背景颜色显示隐藏下级菜单
- jquery改变多个按钮颜色
- jquery+css 实现即时变化颜色主题(通过input输入颜色值进行改变)
- 改变菜单颜色
- 菜单选项OptionsMenu实现改变字体颜色和改变字体大小的功能
- JQuery实现动态适时改变字体颜色的方法
- jquery+css+ul模拟列表菜单具体实现思路
- [Hacking VIM]之定制:改变颜色
- android定制你自己的menu菜单,修改menu字体颜色
- jquery动态改变背景颜色插件
- jQuery实践2:隔行改变表格颜色
- 动态菜单 改变a标签颜色和字体等
- jQuery实现响应浏览器缩放大小并改变背景颜色
- 鼠标经过导航菜单时颜色改变效果
- jquery改变链接移上光标时的颜色实例
- 下拉菜单、右键菜单、底部按钮实现背景颜色的改变
- JS——树形导航菜单(html的ul嵌套,jQuery的css(),show(),hide(),index()等方法)
- Android_5.0定制--------在Launcher界面改变SystemUI中的NavigationBar和StatusBar背景颜色