web前端|js教程
jQuery,ui,圆角,渐变,网站导航,菜单
web前端-js教程
本文实例讲述了jQuery ui实现动感的圆角渐变网站导航菜单效果代码。分享给大家供大家参考。具体如下：
javascript 投票系统 源码,vscode图片右移,ubuntu导入第三方库,tomcat 经典书籍,sqlite数据链接,h5 轮播插件,安卓手机前端框架教程,爬虫工程师名单,php验证正则表达式,保康seo推广,网站留言本,网页游戏 素材,网络问卷设计模板lzw
分享一款基于jQuery UI的网站渐变导航菜单，可作为主导航，带渐入渐出效果，鼠标移过菜单后，菜单项上显示圆角背景，本地测试时，请注意引入的几个JS脚本文件，最好是保存到你本地，菜单兼容性也不错。
环信 防微信 源码,vscode断点加不上,ubuntu nat网络,tomcat 拒绝服务,python 爬虫作用,php 给文字加链接,河南新搜索seo优化理念,wp插件微信打开网站,discuz论坛模板怎么使用lzw
先来看运行效果截图：
海康rtsp 源码,ubuntu老版本安装,python 爬虫实时监控,php表格内容传输给php,地产seo查询lzw
在线演示地址如下：
/js//jquery-ui-cicle-button-style-web-nav-codes/
具体代码如下：
jQuery动态效果导航菜单DD_roundies.addRule("#nav", "5px");DD_roundies.addRule("#nav li", "5px");$(document).ready(function(){ $nav_li=$("#nav li"); $nav_li_a=$("#nav li a"); var animSpeed=450; //fade speed var hoverTextColor="#fff"; //text color on mouse over var hoverBackgroundColor="#9e0039"; //background color on mouse over var textColor=$nav_li_a.css("color"); var backgroundColor=$nav_li.css("background-color"); //text color animation $nav_li_a.hover(function() { var $this=$(this); $this.stop().animate({ color: hoverTextColor }, animSpeed); },function() { var $this=$(this); $this.stop().animate({ color: textColor }, animSpeed); }); //background color animation $nav_li.hover(function() { var $this=$(this); $this.stop().animate({ backgroundColor: hoverBackgroundColor }, animSpeed); },function() { var $this=$(this); $this.stop().animate({ backgroundColor: backgroundColor }, animSpeed); });});
关于我 配置说明 回收清单 心情速递 联系我
