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

12顶
0踩

编程语言

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

2011-10-17 18:46 by 资深编辑 luiang1018 评论(0) 有8415人浏览
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），因为它们提供了一个快捷的方式来显示数据而...

  • 基于纯verilogFPGA的双线性差值视频缩放 功能：利用双线性差值算法，pc端HDMI输入视频缩小或放大，然后再通过HDMI输出显示，可以任意缩放 缩放模块仅含有ddr ip，手写了 ram,f

    基于纯verilogFPGA的双线性差值视频缩放 功能：利用双线性差值算法，pc端HDMI输入视频缩小或放大，然后再通过HDMI输出显示，可以任意缩放。 缩放模块仅含有ddr ip，手写了 ram,fifo 代码，可以较为轻松地移植到其他平台。 硬件平台：易灵思 ti60f225 EDA平台：efinity

  • 【java毕业设计】智慧社区智慧社区管理员密码修改与重置系统（源代码+论文+PPT模板）.zip

    zip里包含源码+论文+PPT,有java环境就可以运行起来 ,功能说明： 文档开篇阐述了随着计算机技术、通信技术和网络技术的快速发展，智慧社区门户网站的建设成为了可能，并被视为21世纪信息产业的主要发展方向之一 强调了网络信息管理技术、数字化处理技术和数字式信息资源建设在国际竞争中的重要性。 指出了智慧社区门户网站系统的编程语言为Java，数据库为MYSQL，并实现了新闻资讯、社区共享、在线影院等功能。 系统设计与功能： 文档详细描述了系统的后台管理功能，包括系统管理模块、新闻资讯管理模块、公告管理模块、社区影院管理模块、会员上传下载管理模块以及留言管理模块。 系统管理模块：允许管理员重新设置密码，记录登录日志，确保系统安全。 新闻资讯管理模块：实现新闻资讯的添加、删除、修改，确保主页新闻部分始终显示最新的文章。 公告管理模块：类似于新闻资讯管理，但专注于主页公告的后台管理。 社区影院管理模块：管理所有视频的添加、删除、修改，包括影片名、导演、主演、片长等信息。 会员上传下载管理模块：审核与删除会员上传的文件。 留言管理模块：回复与删除所有留言，确保系统内的留言得到及时处理。

  • 基于51单片机的一个智能密码锁设计.7z

    基于51单片机的一个智能密码锁设计.7z

  • 《STM32单片机+2x180-SG90+2x360-SG90+OLED屏幕》源代码

    《基于STM32的舵机控制系统设计》毕业设计项目 1.STM32单片机+2x180_SG90+2x360_SG90+OLED屏幕 2.OLED屏幕显示舵机的方向、速度、角度各项数据 3.按键1：控制180度舵机正向转动角度      4.按键2：控制180度舵机反向转动角度 5.按键3：控制360度舵机正向转动并且控制舵机速度      6.按键4：控制360度舵机反向转动并且控制舵机速度 7.代码里面含有注释 8.硬件实物接上线就能直接运行

  • pyside6-qml-modern-uiapp

    Pyside6+Qml+QtCreator做的桌面app

  • 基于深度堆叠卷积神经网络的图像融合详细文档+全部资料+优秀项目+源码.zip

    【资源说明】 基于深度堆叠卷积神经网络的图像融合详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • 基于卷积神经网络的语音识别声学模型的研究详细文档+全部资料+优秀项目+源码.zip

    【资源说明】 基于卷积神经网络的语音识别声学模型的研究详细文档+全部资料+优秀项目+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • IndexOutOfBoundsException(解决方案).md

    IndexOutOfBoundsException(解决方案)

  • Mini-Imagenet数据集文件

    Mini-Imagenet数据集文件

  • 时间转换工具（BD时、GPS时、UTC时、北京时间相互转换，可计算日期）

    时间转换工具（BD时、GPS时、UTC时、北京时间相互转换，可计算日期）

  • 基于CNN神经网络实现的正方教务系统的验证码识别资料齐全+高分项目+文档+源码.zip

    【资源说明】 基于CNN神经网络实现的正方教务系统的验证码识别资料齐全+高分项目+文档+源码.zip 【备注】 1、该项目是个人高分项目源码，已获导师指导认可通过，答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功，功能ok的情况下才上传的，请放心下载使用！ 3、本项目适合计算机相关专业(人工智能、通信工程、自动化、电子信息、物联网等)的在校学生、老师或者企业员工下载使用，也可作为毕业设计、课程设计、作业、项目初期立项演示等，当然也适合小白学习进阶。 4、如果基础还行，可以在此代码基础上进行修改，以实现其他功能，也可直接用于毕设、课设、作业等。 欢迎下载，沟通交流，互相学习，共同进步！

  • 西北工业大学 人工智能程序设计 Python NOJ程序源代码.zip

    西北工业大学 人工智能程序设计 Python NOJ程序源代码.zip

  • 车辆、飞机、船检测12-YOLO（v5至v11）、COCO、CreateML、TFRecord、VOC数据集合集.rar

    车辆、飞机、船检测12-YOLO（v5至v11）、COCO、CreateML、TFRecord、VOC数据集合集.rar对象检测分配-V2 2024-03-10 7:04 pm ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解和搜索非结构化图像数据 *注释，创建数据集 *导出，训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 对于最先进的计算机视觉培训笔记本，您可以与此数据集一起使用 该数据集包括2992张图像。 以可可格式注释船舶飞机。 将以下预处理应用于每个图像： *像素数据的自动取向（带有Exif-Arientation剥离） *调整大小为640x640（拉伸） 没有应用图像增强技术。

Global site tag (gtag.js) - Google Analytics