资讯频道 → 编程语言
阅读更多

12顶
0踩

编程语言

翻译新闻 10个有趣强大的 jQuery导航教程/插件分享

2011-10-17 18:46 by 资深编辑 luiang1018 评论(0) 有8407人浏览
jQuery 导航插件
使用jQuery能够做出令人称奇的效果，而且轻而易举。在导航制作领域，jQuery没有对手。虽然并不是所有的人都精通jQuey，但学会并使用它们并不难。

网上有许多的jQuery导航教程，可以帮助你学习如何在为用户导航之余为他们增加一些简单而有趣的效果体验。如本文收集的这些。

1. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

如你所知，近来有一大批竞争的javascript库出现。这篇文章的作者非常喜欢MooTools的菜单，因此他使用jQuery又重新设计了类似的效果。



2. Fixed Fade Out Menu

这里旨在为用户进行下拉操作时提供一个固定的导航栏，它只是通过巧妙地淡化自己，使得自身几乎透明来实现。用户将鼠标移动至该菜单时，将再次显现。



3. Create an apple style menu and improve it via jQuery

作者从零开始，利用Photoshop先制作这样一个菜单图片，然后创建所需的HTML和CSS代码，最后通过jQuery完成最终的改进。



4. jQuery Tabbed Interface / Tabbed Structure Menu Tutorial

如今，许多网站都使用Wordpress的标签界面来管理其内容类别、文章及评论等。这是一个很好的节省空间的方式，使用得当的话，同样能够提升网站的可用性。首先，我们需要为标签界面构思及设计组织结构。



5. Query idTabs

这篇教程教你怎样制作简单或复杂的菜单标签（Menu tabs）。



6. jQuery ListMenu Plugin

这个jQuery插件让你可以轻松将一个繁长的导航列表转换为小巧、易于浏览的样式，它只在上面列出菜单项的首字母。通过这种方式你可以在导航栏上随意添加数百个条目。



7. Create a Cool Animated Navigation with CSS and jQuery

作者仅仅使用CSS和jQuery便创建了一个非常酷的动画菜单。



8. A Stylish Navigation Menu With jQuery

在这篇文章中你将看到如何在jQuery库帮助下制作一个时髦的CSS+XHTML导航菜单。



9. JQuery Pager Plugin

页面分页对程序员来说最熟悉不过，在Web开发中经常需要对页面进行分页。使用JQuery Pager插件能轻松实现JavaScript分页功能。用法非常简单。只需给出欲展示页面的数目、当前页，及对PageClick方法进行简单修改即可。



10. jqDock

这是一个能将一组图片转换为类似于Mac风格鱼眼菜单（DockMenu）的jQuery插件。菜单可以是水平或垂直方向。



Via  slodive
  • 大小: 11.8 KB
  • 大小: 18.9 KB
  • 大小: 14.2 KB
  • 大小: 45.7 KB
  • 大小: 18.3 KB
  • 大小: 51.5 KB
  • 大小: 13.9 KB
  • 大小: 21.1 KB
  • 大小: 9.4 KB
  • 大小: 17 KB
12
顶
0
踩
评论 共 0 条 请登录后发表评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 10款有趣强大的jQuery插件推荐

    本文收集了 10 款非常有趣的 jQuery 插件，这些插件涉及幻灯片、UI 对话框、图像过滤等多种不同形式。　1. Rotating Slider with Easing　这是一个幻灯片插件，可以让图片沿其垂直轴线自动翻转。演示　2. NyroModal ...

  • 10 款有趣强大的 jQuery 插件推荐

    本文收集了10款非常有趣的jQuery插件，这些插件涉及幻灯片、UI对话框、图像过滤等多种不同形式。 1. Rotating Slider with Easing 这是一个幻灯片插件，可以让图片沿其垂直轴线自动翻转。   演示2. NyroModal...

  • 300个jQuery插件

    jQuery 是继 prototype 之后又一个优秀的 Javascript. 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及 的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF ...

  • 100多个经典常用的jQuery插件大全实例演示和下载

    100多个经典常用的jQuery插件大全实例演示和下载 更多 > 07-31 cropped仿新浪微博头像上传裁剪缩小放大预览 07-29 prettyPhoto和fancybox弹出层插件对比 07-29 hwSlider支持手机app触屏滑动 07-19 svgmap...

  • 100个优秀jQuery插件精选

    如结合CSS3的jQuery动画、强大的支持多设备浏览的响应性布局设计、使用视频作为网页设计背景、jQuery图像幻灯插件、导航、表格、表单以及像Pinterest布局等等，今天为大家收集2012年度优秀jQuery插件精选，有100多个...

  • 10款有趣强大的jQuery插件推荐(ITeye)

    1. Rotating Slider with Easing 这是一个幻灯片插件，可以让图片沿其垂直轴线自动翻转。 演示 2. NyroModal v2 设计人员似乎越来越喜欢使用模式窗口（modal window），因为它们提供了一个快捷的方式来显示数据而...

  • 电动车上牌管理系统 SSM毕业设计 附带论文.zip

    电动车上牌管理系统 SSM毕业设计 附带论文 启动教程:https://www.bilibili.com/video/BV1GK1iYyE2B

  • tornado-6.1-cp39-cp39-manylinux2010_x86_64.whl

    tornado-6.1-cp39-cp39-manylinux2010_x86_64.whl

  • 【eclipse和idea两个版本运行源码】基于Java Swing +mysql 实现的网吧管理系统

    一、项目简介 本项目是一套基于Java Swing 开发的网吧管理系统，主要针对计算机相关专业的正在做毕设的学生与需要项目实战练习的Java学习者。 包含：项目源码、数据库脚本等，该项目附带全部源码可作为毕设使用。 项目都经过严格调试，确保可以运行！ 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷，具有很高的实际应用价值。 二、技术实现 ​后台技术：java swing ​数据库：MySQL ​数据库连接池：c3p0 三、系统主要功能 用户登录: 分为 普通用户和管理员 两种角色 菜单模块：上机，下机， 系统设置：管理员设置，会员设置，计费设置， 退出系统 管理模块：增加会员，删除会员，信息修改，信息查询 视图模块：主页视图，在线用户，统计视图， 统计报表模块：人数报表，收入报表 帮助模块：联系我们，关于系统 详见：https://blog.csdn.net/weixin_43860634/article/details/125247764

  • pc-dmis软件脚本-输出Excel格式报告

    使用软件自带的basic脚本编辑制作的脚本 低版本软件无法输出Excel报告，可以通过脚本方式实现这一功能

  • 【java毕业设计】校园失物招领系统源码（springboot+vue+mysql+说明文档）.zip

    项目经过测试均可完美运行！ 环境说明： 开发语言：java jdk：jdk1.8 数据库：mysql 5.7+ 数据库工具：Navicat11+ 管理工具：maven 开发工具：idea/eclipse

  • 基于java的网上电子书店h答辩PPT.pptx

    基于java的网上电子书店h答辩PPT.pptx

  • 基于微信小程序的微信小程序校园失物招领答辩PPT.pptx

    基于微信小程序的微信小程序校园失物招领答辩PPT.pptx

  • 基于java的基于Java的学生综合测评管理系统答辩PPT.pptx

    基于java的基于Java的学生综合测评管理系统答辩PPT.pptx

  • pandas-2.1.4-cp39-cp39-win_amd64.zip

    pandas whl安装包，对应各个python版本和系统(具体看资源名字)，找准自己对应的下载即可！ 下载后解压出来是已.whl为后缀的安装包，进入终端，直接pip install pandas-xxx.whl即可，非常方便。 再也不用担心pip联网下载网络超时，各种安装不成功的问题。

  • 判断题 - 题目列表 - 图-练习题集飒飒阿萨

    去

  • springboot体育器材管理系统（附源码+数据库）71175

    管理员功能： 用户管理：管理员可以管理用户账户，包括审核新注册用户、禁用违规用户、重置密码等操作。 器材管理：管理员可以管理器材的信息，包括添加新器材、编辑器材详情、设定器材规则和限制等。 器材预约与借还管理：管理员可以处理用户的器材预约请求，确认或调整预约时间，并记录借还操作。 库存管理：管理员可以监控器材库存情况，及时补充不足的器材并处理损坏或报废的器材。 数据统计与报表：管理员可以分析系统的使用情况和借还记录，生成数据统计报表以了解器材使用情况和借还频率等。 系统设置与维护：管理员可以进行系统设置，包括配置器材规则、设定可用时间段、备份数据、优化系统性能等。 消息通知与提醒：管理员可以向用户发送消息通知，如器材预约成功、归还提醒、系统更新通知等。

  • Jira插件安装包Dynamic-forms

    Jira插件安装包Dynamic-forms

  • pandas-2.1.4-cp311-cp311-win_amd64.zip

    pandas whl安装包，对应各个python版本和系统(具体看资源名字)，找准自己对应的下载即可！ 下载后解压出来是已.whl为后缀的安装包，进入终端，直接pip install pandas-xxx.whl即可，非常方便。 再也不用担心pip联网下载网络超时，各种安装不成功的问题。

Global site tag (gtag.js) - Google Analytics