html二级页面内容滑动,jQuery+CSS实现的网页二级下滑菜单效果
本文实例讲述了jQuery+CSS实现的网页二级下滑菜单效果。分享给大家供大家参考。具体如下:
这是一款简洁型的 jQuery+CSS网页二级下滑菜单,练手写的,有需要的自己拿去美化吧,基本的动画效果和菜单下滑效果和渐变效果已经做出来了,在IE下表现不错,在火狐下发现菜单有闪烁现象,有空会继续修正,感谢大家捧场哦。
运行效果截图如下:
在线演示地址如下:
具体代码如下:
/p>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
CSS jQuery HTML二级下滑菜单
body,ul,li,a{margin: 0;padding: 0;font:16px "微软雅黑";}
ul,li{list-style-type: none}
.menu{width: 270px;height: 30px;line-height: 30px;background: #0f67a1}
.menu li{width: 120px;float: left;display: inline;position: relative;z-index: 10;text-align: center;}
.menu li: hover{background: #426d9c;}
.menu .menuUl{width: 120px;height: auto;display: none;background: #426d9c;position: absolute;z-index: 20;left: 25px;top: 30px;padding:3px;}
.menuUl li{width: 100%;float: left;text-align: left;}
a{color: #eee;text-decoration: none}
a: hover{color: #000;text-decoration: none}
$(document).ready(function() {
$(".menu li").hover(function() {
$(this).find(".menuUl").show('50');
},
function() {
$(this).find(".menuUl").hide('50');
});
})
- 源码类
- 论坛源码
- 博客源码
- Ajax源码
- 特效类
- 导航菜单
- 表单效果
- HTML5特效
- jQuery特效
希望本文所述对大家的jquery程序设计有所帮助。
html二级页面内容滑动,jQuery+CSS实现的网页二级下滑菜单效果相关推荐
- Web scraper使用教程-进阶用法(二)-爬取二级页面内容
进阶用法(二)-爬取二级页面内容 1. 爬取网址 https://docs.microsoft.com/en-us/officeupdates/update-history-microsoft365- ...
- 漂亮大气的html导航页面,jquery+css打造位于网页顶部漂亮黄色下拉导航
jquery+css打造位于网页顶部漂亮黄色下拉导航 - www.webdm.cn $(document).ready(function(){ $(".btn-slide").cl ...
- 300+Jquery, CSS, MooTools 和 JS的导航菜单资源
如果你是网站前端开发人员,那么对你来说,也许做一个漂亮导航菜单会很得心应手.本文要为大家总结各种导航菜单的资源,以便让大家的网站前端开发的工作更方便更快速,只要选择现成的例子就可以应用于自己的网站了. ...
- HTML期末作业课程设计期末大作业——体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码)...
HTML期末作业课程设计期末大作业--体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
- HTML期末作业课程设计期末大作业——体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码)
HTML期末作业课程设计期末大作业--体育排球5页面带注册HTML+CSS+JS(学生网页设计作业源码) 临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手 ...
- 导航背景变换 php,jQuery实现的背景动态变化导航菜单效果
本文实例讲述了jQuery实现的背景动态变化导航菜单效果.分享给大家供大家参考.具体如下: 这里介绍一款使用jQuery插件制作完成的导航菜单,一大特点是,菜单的背景有动态效果,与使用的背景图片完全变 ...
- HTML下拉菜单为什么是灰的,CSS实现的灰色下拉菜单效果代码
本文实例讲述了CSS实现的灰色下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款基于CSS实现的灰色下拉菜单,支持二级的导航菜单,如果不喜欢灰色的话,颜色你自己调整下,完善后效果是相当不错的 ...
- html中 导航条置顶的代码6,JS+CSS实现六级网站导航主菜单效果
本文实例讲述了JS+CSS实现六级网站导航主菜单效果.分享给大家供大家参考.具体如下: 这是一款JS+CSS实现支持6级的网站导航主菜单,级级相信够大家用了,外观蓝色风格,也是使用最多的一种菜单颜色, ...
- html生成无序列表,CSS无序列表创建的标准菜单效果代码
本文实例讲述了CSS无序列表创建的标准菜单效果代码.分享给大家供大家参考.具体如下: 这是一款用LI无序列表创建的标准CSS菜单,这是国外一个网站的CSS制作教程,这里重新整理了一下,去除了广告代码, ...
最新文章
- 你真懂JavaScript吗?
- Java Stringbuilder简单介绍
- 【Linux】一步一步学Linux——ssh-agent命令(181)
- 如果给你一个亿,你想去干嘛?各专业的科研狗是这样回答的……
- 带有Swagger的Spring Rest API –公开文档
- Log4j2架构分析与实战
- xencenter教程
- 计算机累论文的数据字典怎么写,毕业论文中数据字典应该这样写
- 2022年国产操作系统发展现状
- 网页设计html颜色大全,50个使用柔和色彩的网页设计作品欣赏
- hdu 3987 - 最小割最少割边
- win 7旗舰版开机提示 :explorer.exe-无法找到入口
- MySQL Enterprise Backup使用简介
- 京东云PostgreSQL在GIS场景的应用分享
- 网页变灰恢复彩色的方法
- JS移动客户端--触屏滑动事件
- 【大唐杯备考】——5G基站开通与调测(学习笔记)
- 新能源汽车正在带动汽车零售的变革?
- 【自然语言处理NLP】三句半自动生成器
- Sketch 59 中文版 最流行的产品UI设计和矢量图形设计软件
热门文章
- 从阿里中台战略看企业IT架构转型之道(下)
- 你必须知道的 SmartSql
- 使用 IIS 在 Windows 上托管 ASP.NET Core2.0
- 开源分享 Unity3d客户端与C#分布式服务端游戏框架
- Chrome DevTools 调研笔记
- 微软正在用实际行动告诉你: 拥抱开源,微软是认真的
- 跨平台的.NET邮件协议MailKit组件解析
- 第二章 指南(4.3)添加 View
- 针对Linux ASP.NET MVC网站中 httpHandlers配置无效的解决方案
- mysql505复位密码_mysql5 如何复位根用户密码[官方文档]