web前端|js教程
jQuery,博客,动态,滑动,菜单
web前端-js教程
本文实例讲述了jQuery实现可用于博客的动态滑动菜单的方法。分享给大家供大家参考。具体如下:
快递单录入源码,ubuntu配置中文界面,爬虫find方法好吗,php影视管理,茶店子seolzw
$.fn.extend({
tagdrop: function(options) {
var defaults = {
tagPaddingTop: 90px,
tagDefaultPaddingTop: 30px,
bgColor: #B1CCED,
bgMoverColor: #7FB0F0,
textColor: #e0e0e0,
textDefaultColor: #fff
};
var options = $.extend(defaults, options);
return this.each(function() {
var obj = $(this);
var li_items = $("li", obj);
$("li", obj).css(ackground-color, options.bgColor);
li_items.mouseover(function(){
$(this).animate({paddingTop: options.tagPaddingTop}, 300);
$(this).css(ackground-color, options.bgMoverColor);
$(this).css(color, options.textColor);
}).mouseout(function() {
$(this).animate({paddingTop: options.tagDefaultPaddingTop}, 500);
$("li",$(this).parent()).css(ackground-color, options.bgColor);
$("li",$(this).parent()).css(color, options.textDefaultColor);
});
});
}
});
})(jQuery);
$(document).ready(function() {
$(.menu).tagdrop({tagPaddingTop: 60px,bgColor: #B1CCED,bgMoverColor: #7FB0F0,textColor: #e0e0e0});
});
单片机项目源码,vscode将字体调为等宽,ubuntu下载 pip,tomcat加速器,爬虫绕开授权,php 元编程,连云港页面seo优化,app开源网站源码下载,织梦会员中心模板调用dede标签lzw
body {
margin:0;
padding:0;
}
#nav li {margin: 0; padding: 0;display: inline;list-style-type: none;font-size: 12px;}
#nav a:link, #nav a:visited {
}
#nav a:hover {color: #fff; background:#FF6A00;}
#nav a:visited.active, #nav a:link.active {background-color: #fff;color: #FF6A00;}
.menu {
list-style:none;
margin: 0;
float:right;
}
.menu li {
float:left;
margin:0 auto;
cursor:pointer;
height:30px;
padding:30px 5px 5px 5px;
margin:0px 3px 0px 3px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
color: #FFF;
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
font-family: "Lucida Grande",Lucida,Verdana,sans-serif;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}
易语言劫持注入源码,vscode 隐藏文件夹,ubuntu开发优点,ssl证书和tomcat,延时抓取爬虫,53php,石家庄seo推广有用吗,搜狐拍客源码_视频网站php源码lzw
About us
Contacts
Others
Products
Portfolio
Testemonies