漂亮大气的html导航页面,jquery+css打造位于网页顶部漂亮黄色下拉导航

jquery+css打造位于网页顶部漂亮黄色下拉导航 - www.webdm.cn

$(document).ready(function(){

$(".btn-slide").click(function(){

$("#panel").slideToggle("slow");

$(this).toggleClass("active"); return false;

});

body {

margin: 0 auto;

padding: 0;

width: 570px;

font: 75%/120% Arial, Helvetica, sans-serif;

}

a:focus {

outline: none;

}

#panel {

background: #754c24;

height: 200px;

display: none;

}

.slide {

margin: 0;

padding: 0;

border-top: solid 4px #422410;

background: url(http://www.webdm.cn/images/20091029/btn-slide.gif) no-repeat center top;

}

.btn-slide {

background: url(http://www.webdm.cn/images/20091029/white-arrow.gif) no-repeat right -50px;

text-align: center;

width: 144px;

height: 31px;

padding: 10px 10px 0 0;

margin: 0 auto;

display: block;

font: bold 120%/100% Arial, Helvetica, sans-serif;

color: #fff;

text-decoration: none;

}

.active {

background-position: right 12px;

}

网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
网页代码站 - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！

网页代码站

看不到效果请您刷新本页面

漂亮大气的html导航页面,jquery+css打造位于网页顶部漂亮黄色下拉导航相关推荐

html二级页面内容滑动,jQuery+CSS实现的网页二级下滑菜单效果
本文实例讲述了jQuery+CSS实现的网页二级下滑菜单效果.分享给大家供大家参考.具体如下: 这是一款简洁型的 jQuery+CSS网页二级下滑菜单,练手写的,有需要的自己拿去美化吧,基本的动画效果 ...
漂亮大气VIP会员介绍页面 html单页源码无需数据库
介绍: 扒的某站漂亮大气VIP会员介绍页面 html单页源码无需数据库源码下载地址:扒的某站漂亮大气VIP会员介绍页面 html单页源码无需数据库.zip - 蓝奏云https://qumaw.la ...
HTML5期末大作业：运动系列——NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成
HTML5期末大作业:运动系列--NBA篮球主题学生网页设计(7个页面) HTML+CSS+JavaScript 体育网页设计HTML代码学生网页课程设计期末作业下载大学生网页设计制作成临近期末 ...
在 jQuery 中使用滑入滑出动画效果，实现二级下拉导航菜单的显示与隐藏效果
查看本章节查看作业目录需求说明: 在 jQuery 中使用滑入滑出动画效果,实现二级下拉导航菜单的显示与隐藏效果用户将光标移动到"最新动态页"或"帮助查询" ...
HTML5期末大作业：网上预订网站设计——火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业
HTML5期末大作业:网上预订网站设计--火车票网上预订网站(4个页面) HTML+CSS+JavaScript web网页设计实例作业常见网页设计作业题材有个人. 美食. 公司. 学校. 旅游. ...
HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
CSS 制作下拉导航
下拉菜单仍然是Web上流行的界面元素,虽然有一些纯Javascript 解决方案,但在禁用Javascript 的浏览器下,它却无能为力.因此,纯CSS的下拉菜单才是最好的选择. 这种技术及其简单,只 ...
HTML5期末大作业：中国传统节日网页设计——端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载...
HTML5期末大作业:中国传统节日网站设计--端午节(9个页面) HTML+CSS+JavaScript 节日网页HTML代码学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
web课程设计网页规划与设计：网页设计——在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业...
web课程设计网页规划与设计 :网页设计--在线书店(12个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头 ...

漂亮大气的html导航页面,jquery+css打造位于网页顶部漂亮黄色下拉导航

漂亮大气的html导航页面,jquery+css打造位于网页顶部漂亮黄色下拉导航相关推荐

最新文章

热门文章