资讯频道 → Web前端
阅读更多

1顶
1踩

Web前端

翻译新闻 9 款超棒的jQuery“旋转木马”插件和教程推荐

2012-02-29 16:02 by 正式编辑 sherry617 评论(3) 有15241人浏览
jquery Carousel 插件
Web设计技术日新月异，开发者和设计师都应该了解最新的设计趋势。目前，“旋转木马”是一种比较流行的图片切换效果，这是一个在水平/垂直方向上动态滚动的列表，能让用户方便地访问到不同的内容，使用这个效果既可以提高网站的可用性，又能吸引用户。

使用jQuery就可以实现各种各样的旋转木马效果，而且在很多方面都优于Flash，这对于Web设计师来说非常值得尝试。本文为大家介绍9款好用的旋转木马插件和教程，让大家在了解这个效果的基础上优化自己的网站。

1. JCarousel

这个插件有设置图片滚动（水平/垂直）效果的功能。无论图片是静态HTML内容或有/无Ajax加载能力，都可以来回滚动。



2. Cloud Carousel： 3D旋转木马效果插件

这个可以替代Flash的插件有很多优点：易整合、文件小、可以进行搜索引擎优化、具备可访问性。



3. jQuery MS Carousel

这款插件可以用于DIV、LI或任何HTML标签上。当点击上一张或下一张按钮时，就可以返回到其中的某张图片，实现用户自由操作的功能。



4. Floom

Floom能够以非常独特的方式（百叶窗效果）在网站上展示幻灯片。该插件基于MooTools 1.2。



5. Roundabout For jQuery

这个插件能够将无序列表、无序HTML结构转化为有吸引力、集娱乐性与互动性的类似转盘一样的区域结构，使用大量API实现高度可定制。Roundabout是基于jQuery的插件，适用于所有主流浏览器。



6. WOW Slider

顾名思义，这是一个视觉效果很棒的jQuery图片滑动插件，可以实现的效果有：Blast、Fly、Blinds、Squares、Slices、Basic、Fade、Ken Burns、Stack、 Stack vertical、Basic linear等，还有大量的专业模板。通过这个插件，你可以在短时间内创建滑块，不需要编程或编辑图片——这均得益于point-and-click向导。同时该插件也支持WordPress的滑动插件和Joomla的滑动模块。



7. Carousel Slideshow

Carousel Slideshow是一个DHTML脚本，能以特别的方式在网站上呈现图片，包括3D和旋转木马效果。你可以根据自己的想法来设计滑块，比如从右到左滑动或反向滑动；设置4面、6面、8面或12面展示；为每张图片添加链接；设置鼠标悬停等等。该脚本基于DOM，能在主流的DHTML浏览器上使用。



8. 用 jQuery 和 CSS创建马赛克幻灯片

只有新颖的东西才能吸引用户并留住用户。因此，本教程将介绍如何用jQuery和CSS做出马赛克图片廊。当图片切换时，将会出现一个炫丽的拼贴过渡效果。



9. jQuery Carousel 插件

很多能实现旋转木马效果的插件不是要求非语义标记就是有额外的大文件，不过jQuery的这款插件不存在这些问题，它使用方便，易于上手，而且非常实用。



原文链接：9 Awesome Free jQuery Carousel Plugins and Tutorials
  • 大小: 109.9 KB
  • 大小: 334.2 KB
  • 大小: 250.6 KB
  • 大小: 20.8 KB
  • 大小: 154 KB
  • 大小: 212.1 KB
  • 大小: 256.3 KB
  • 大小: 208.5 KB
  • 大小: 240.6 KB
1
顶
1
踩
评论 共 3 条 请登录后发表评论
3 楼 Xiqincai 2015-12-08 18:02
GoEasy推送支持Java后台推送，JS推送，Android推送，兼容浏览器有IE6,7,8,9,10,11, Firefox, safari, chrome,推送稳定，速度快，上手快，java后台推送只需要两行代码， js前端推送也只需要3，4行，而且文档齐全，还提供了后台查询信息收发情况.
GoEasy官网：goeasy.io
快速入门：goeasy.io/www/started.jsp
文档：goeasy.io/www/docs.jsp
参考代码示例：
my.oschina.net/u/2544092/blog/540663
2 楼 lufam 2012-03-06 23:00
很好，很强大
1 楼 tommet 2012-02-29 17:56
确实很炫，不过感觉用不上

发表评论

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

相关推荐

  • 推荐40个非常优秀的jQuery插件和教程【系列三】

    Snippet – jQuery Syntax Highlighter ( 演示 | 下载 )  Snippet 是一款超棒的代码高亮插件，支持...一款很棒的 jQuery 幻灯片插件，有详细的制作教程。 Colourful rating system with CSS3 ( 演示 | 下载 

  • 推荐10个超棒的jQuery工具提示插件

    这是一个并不引人注目的 jQuery 插件。 　2. BetterTip 　允许你创建定制的 Tool tips 的 jQuery 插件。 　3. EZPZ Tooltip 　非常简单的使用边框的 tooltip，同样也可以跟随鼠标。 　4. BsTip 　各种简单的 ...

  • 超棒的响应式布局jQuery插件Freetile.js

    我们曾经介绍过俩款知名的响应式布局插：isotope和masonary，今天我们这里再介绍一款相当不错的响应式布局插件 –Freetile.js，使用它同样可以生成超酷的动态布局效果。相信大家一定会喜欢！ 主要特性 Freetie来自于...

  • 5款超棒的jQuery倒计时特效.rar

    非常实用的特效代码，可以完美运行，可以二次修改！

  • 8个超棒的学习 jQuery 的网站 推荐收藏

    对于初学者来说，有的时候很难找到一个好...非常棒的一个 jQuery 资源和教程网站，帮助你成长为 jQuery 高手。 4. 15 Days of jQuery 这个网站虽然更新不定时，你仍然可以从他们的文章中学到很多东西。 5. jQuery4u

  • 另外一款超棒的响应式布局jQuery插件 – Freetile.js

    NULL 博文链接：https://justcoding.iteye.com/blog/2074425

  • php js提示插件,推荐10个超棒的jQuery工具提示插件_jquery

    这是一个并不引人注目的 jQuery 插件。允许你创建定制的 Tool tips 的 jQuery 插件。非常简单的使用边框的 tooltip，同样也可以跟随鼠标。各种简单的 tooltips，使用淡入和淡出效果，并且也有边框环绕。当鼠标悬浮的...

  • 40个优秀的 jQuery 插件和教程（系列三）

    jQuery 在如今的 Web 开发项目中扮演着重要角色，jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文大家分享40个实用的 jQuery 插件，可以根据您的项目需要来选...

  • jQuery超棒动态表单验证效果特效代码

    jQuery超棒动态表单验证效果是一款如果填写数据验证失败，输入框会显示红色，点击按钮后，不合法的输入框会左右摇晃提醒用户，非常棒的效果。

  • 2012年最新的12款超棒jQuery插件

    今天我们将分享12款精心挑选最新jQuery插件，包含了演讲，排序及其社交内容等等，很多插件在gbin1以前的jQuery文章中我们都介绍过，希望大家喜欢！ 1. impress.js impress.js是一个基于css3过渡和变形的演讲稿插件...

  • 为开发者们准备的10款超棒的jQuery视频插件

    跟之前介绍的 2013 年 12 月最好的 35+个 jQuery 插件 不同，这篇文章是给开发者们准备的关于视频播放方面的 10 款最好的 jQuery 视频插件。这 10 款插件各有各的特色，能很方便的在网页上嵌入视频，同时又有很...

  • rotator:jQuery插件旋转器

    jQuery插件旋转器 Rotator是一个轻巧且可自定义的jQuery插件，用于通过超棒CSS3动画来旋转文本和文本中的某些单词。 依存关系：

  • 四款超棒的jQuery数字化签名插件

    数字化签名是未来的发展方向，正是这个原因我们这里收集并且推荐了四款超棒的jQuery数字化签名插件，希望大家喜欢！ 1. jSignature 这个jQuery插件简化了创建数据签名的过程，允许用户使用鼠标，手写板，手指来...

  • 为开发者们准备的 10 款超棒的 jQuery 视频插件

    一个 jQuery 插件基本上是一种新方法，用来扩展 jQuery 原型对象。当扩展原型对象时，所有的 jQuery 对象就会启用并且能够添加和继承其他的任何方法。 1. Bigvideo.js BigVideo.js是一个 jQuer...

  • 25 个超棒的 jQuery 消息提醒插件

    转载地址: https://www.oschina.net/news/57207/best-jquery-notification-plugins...本文向你推荐 25 个漂亮的 jQuery 消息提醒插件，你值得拥有。 偷个懒不翻译了，大家点击图片可直达官网。 1. jQuery Toas

  • 利用CNN进行无人售货机的商品识别.zip

    无人机最强算法源码，易于部署和学习交流使用

  • node-v9.11.0-sunos-x86.tar.xz

    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

  • ch-PP-OCRv2-det.onnx

    PP-OCR det

  • 基于TensorFlow的无人机机动飞行LSTM 时序动作网络.zip

    无人机最强算法源码，易于部署和学习交流使用

Global site tag (gtag.js) - Google Analytics