文档章节

推荐7个 CSS3 制作的创意下拉菜单效果

rin9958
 rin9958
发布于 2016/06/30 21:57
字数 154
阅读 32
收藏 3
点赞 0
评论 0

1. 使用 jQuery 和 CSS3 制作向下滑动的导航菜单

enter image description here

在线演示 源码下载

2. CSS3 简约风格导航菜单

enter image description here

在线演示 源码下载

3. CSS3 动画下拉菜单

enter image description here

在线演示     源码下载

4. 纯 CSS3 制作的两级菜单

enter image description here

在线演示     源码下载

5. HTML5/CSS3 灰色导航菜单

enter image description here

在线演示     源码下载

7. 创意的 CSS3 动画菜单

enter image description here

在线演示     源码下载

9. 婆娑的 CSS3 下拉菜单

enter image description here

在线演示     源码下载


转载自:http://www.9958.pw/post/nav_css_10

© 著作权归作者所有

共有 人打赏支持
rin9958
粉丝 9
博文 113
码字总数 54109
作品 0
程序员
8 款极具表现力的jQuery/CSS3网页菜单

上一篇我向大家分享了7款效果震憾的HTML5应用组件,今天主要来分享一下CSS3网页菜单,因为在一个网站中,菜单起着举足轻重的作用,所以作为WEB开发人员,我们有必要将网站的菜单设计得尽量完...

yykj ⋅ 2013/07/03 ⋅ 16

jQuery学习资料分享

学习jQuery有一段时间了,收集了不少资料,这里把资料的链接分享给大家。另外推荐大家微博关注“开源中国”、“HTML5研究小组”、“百度技术沙龙”等,还有博客园的“梦想天空(山边小溪)”...

小微 ⋅ 2012/04/06 ⋅ 4

10 个漂亮的 CSS3 表单制作教程

HTML5 & CSS3 form HTML5 引入了非常有用的表单元素——滑动条、数字调整、日期选择等,该教程教你如何使用这些元素并制作非常精美的表单。 » View tutorial 无需图片和JavaScript的 CSS3 表...

红薯 ⋅ 2011/04/19 ⋅ 14

推荐 6 款优秀的 jQuery/CSS3 应用插件

jQuery是一款非常轻巧优秀的JS类库,CSS3又可以十分方便地制作各种绚丽的网页效果,那么如果把jQuery的轻巧和CSS3的绚丽结合起来,相信一定会给网页添加不少精彩。下面搜集了几款非常出色的j...

yykj ⋅ 2012/11/29 ⋅ 9

程序猿必备的15款web前端动画插件七

  1.超简易的SVG/CSS3 Loading加载动画图标   今天我们要为大家分享一组非常简易的SVG/CSS3 Loading加载动画图标,和之前分享的SVG实现的一组超华丽Loading加载动画相比,这组Loading动画...

爱码农 ⋅ 01/08 ⋅ 0

CSS导航设计示例收藏

做网站必不可少的是导航栏。随着CSS3的出现,导航栏越做越漂亮,也融入了很多新的设计思考。这里分享一些新颖的CSS导航栏供大家参考。 25个非常棒的CSS3菜单教程 20个极具创意的网站导航菜单...

小微 ⋅ 2012/04/06 ⋅ 0

10个不错的CSS3表单教程

注:本文由敏捷翻译- 宋彩珺翻译自Jean-Baptiste Jung的博文。如需转载,请参照文章末尾处的声明。 CSS3的出现,为制作更好的网页表单带来无数新的可能。在本文中,我收集了10种运用新技术C...

随影求是 ⋅ 2012/03/15 ⋅ 0

8 款个性化的 jQuery 和 CSS3 菜单

下面要给大家分享8款非常个性化的jQuery和CSS3菜单,这些菜单由于外观比较独特,所以也许不是非常通用,但是我们可以认可的是这些菜单的设计思路非常棒,值得借鉴。下面一起来看看这些菜单吧...

android哥哥 ⋅ 2012/08/22 ⋅ 4

分享20个下拉菜单制作:包括HTML5,jQuery和CSS3(附源码)

下拉菜单是网上最常见到的效果之一,用鼠标轻轻一点或是移过去,就出现一个更加详细的内容!20个下拉菜单制作源码, 包括:(三级导航菜单):独具特色的导航菜单,包含CSS3渐变、多个子菜单和...

kouxunli1 ⋅ 2014/06/03 ⋅ 0

CSS:响应式下的折叠菜单(条纹式)

原文:CSS: Responsive Navigation Menu 译文:CSS:响应式导航菜单 译者:dwqs 写在之前,关于如何制作响应式的下拉菜单:响应式下的下拉菜单 之前,我写了一篇关于怎么制作响应式的移动导航...

dwqs ⋅ 2014/12/31 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

用SQL命令查看Mysql数据库大小

要想知道每个数据库的大小的话,步骤如下: 1、进入information_schema 数据库(存放了其他的数据库的信息) use information_schema; 2、查询所有数据的大小: select concat(round(sum(da...

源哥L ⋅ 25分钟前 ⋅ 0

两个小实验简单介绍@Scope("prototype")

实验一 首先有如下代码(其中@RestController的作用相当于@Controller+@Responsebody,可忽略) @RestController//@Scope("prototype")public class TestController { @RequestMap...

kalnkaya ⋅ 30分钟前 ⋅ 0

php-fpm的pool&php-fpm慢执行日志&open_basedir&php-fpm进程管理

12.21 php-fpm的pool pool是PHP-fpm的资源池,如果多个站点共用一个pool,则可能造成资源池中的资源耗尽,最终访问网站时出现502。 为了解决上述问题,我们可以配置多个pool,不同的站点使用...

影夜Linux ⋅ 39分钟前 ⋅ 0

微服务 WildFly Swarm 管理

Expose Application Metrics and Information 要公开关于我们的微服务的有用信息,我们需要做的就是将监视器模块添加到我们的pom.xml中: 这将使在管理和监视功能得到实现。从监控角度来看,...

woshixin ⋅ 39分钟前 ⋅ 0

java连接 mongo伪集群部署遇到的坑

部署mongo伪集群 #创建mongo数据存放文件地址mkdir -p /usr/local/config1/datamkdir -p /usr/local/config2/data mkdir -p /usr/local/config3/data mkdir -p /usr/local/config1/l......

努力爬坑人 ⋅ 40分钟前 ⋅ 0

React Native & Weex 区别

JS引擎 Weex使用V8, React native使用JSCore JS开发框架 ( Js Framework ) Weex基于vue.js(2W+ star)。小巧轻量的前端开发框架,组件化,数据绑定,2.0引入virtual dom。 ReactNative使用...

东东笔记 ⋅ 48分钟前 ⋅ 1

UIkit 分页组件动态加载简单实现

1. 问题描述 使用过UIkit分页组件的都清楚,UIkit的分页不能动态刷新数据,也就是不能在点击下一页的时候,动态从后台加载数据,并且刷新页数以及该页数上的数据,下面是一个简单实现,没有做...

影狼 ⋅ 49分钟前 ⋅ 0

Mobx入门之三:Provider && inject

上一节中<App/>组件传递状态temperatures给children -- <TemperatureInput />,如果组建是一个tree, 那么属性的传递则会非常繁琐。redux使用Provider给子组件提供store, connect将子组件和s...

pengqinmm ⋅ 51分钟前 ⋅ 0

魔兽世界 7.0版本 S23/S24/S25全职业普通+精锐套

  死亡骑士   (联盟)   (部落)   (精锐)   恶魔猎手   (联盟)   (部落)   (精锐)   德鲁伊   (联盟)   (部落)   (精锐)   猎人   (联盟) ...

wangchen1999 ⋅ 58分钟前 ⋅ 0

maven顶级pom和子pom的版本号批量修改

当一个版本发布,新起一个版本时,我们只需要手动修改一下项目中pom.xml的版本号就可以了。但是如果这个maven项目有很多的子模块项目,那么一个个手动的去改就显得费时费力又繁琐了。还好,m...

ArlenXu ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部