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

1顶
1踩

Web前端

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

2012-02-29 16:02 by 正式编辑 sherry617 评论(3) 有15384人浏览
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

  • 基于纯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.硬件实物接上线就能直接运行

Global site tag (gtag.js) - Google Analytics