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

1顶
1踩

Web前端

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

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

  • 基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能 ,基于PLC的饮料罐装生产线控制系统设计 S7-30

    基于S7-300PLC与MCGS6.2的饮料罐装生产线自动化控制系统设计，包含仿真、程序、IO表与电气原理，实现自动操作、灌装报警及瓶数记录功能。,基于PLC的饮料罐装生产线控制系统设计。 S7-300PLC MCGS6.2仿真 仿真，程序，IO表，电气原理图，6500字说明。 实现功能有： （1）系统通过开关设定为自动操作模式，一旦启动，则传送带的驱动电机启动并一直保持到停止开关动作或罐装设备下的传感器检测到一个瓶子时停止；瓶子装满饮料后，传送带驱动电机必须自动启动，并保持到又检测到一个瓶子或停止开关动作。 （2）当瓶子定位在灌装设备下时，停顿1秒，罐装设备开始工作，灌装过程为5秒钟，罐装过程应有报警显示，5秒后停止并不再显示报警。 （2）用两个传感器和若干个加法器检测并记录空瓶数和满瓶数，一旦系统启动，必须记录空瓶和满瓶数，设最多不超过99999999瓶。 （4）可以手动对计数器清零（复位）。 ,关键词：S7-300PLC; MCGS6.2仿真; 传送带驱动电机; 传感器检测; 瓶装; 空瓶数; 满瓶数; 报警显示; 自动操作模式; 灌装设备。,基于S7-300PLC的饮料罐装

  • python加密货币时间序列预测源码+数据集-最新出炉.zip

    python加密货币时间序列预测源码+数据集-最新出炉 加密货币分析： 对各种加密货币的数据进行分析和研究。可能会使用到从各种来源收集的数据，包括但不限于加密货币的价格、市值、交易量、交易时间等信息。 探索加密货币市场的趋势和模式，例如价格的波动情况、不同加密货币之间的相关性等。 数据处理与操作： 可能使用 Python 语言（Kaggle 上常用的数据分析语言），并运用一些数据处理和分析的库，如 pandas 用于数据的读取、清洗、整理和转换操作，将原始的加密货币数据转换为更易于分析的格式。 可视化展示： 通过可视化工具，如 matplotlib 或 seaborn 库，将加密货币的信息以图表的形式展示出来，以帮助直观地理解数据中的关系和趋势。 统计分析或预测： 可能会进行一些基本的统计分析，如计算加密货币价格的均值、中位数、标准差等统计量，以描述数据的特征。 或者使用机器学习或时间序列分析的方法对加密货币的价格进行预测，根据历史数据预测未来价格走势。 例如，使用 scikit-learn 进行简单的回归分析： 数据挖掘与特征提取： 挖掘加密货币数据中的特征，如找出影响价格的关键因素，对数据中的特征进行筛选和提取，以帮助更好地理解加密货币的市场行为。

  • 面对程序设计GJava

    类和对象、继承、封装、多态、接口、异常

  • TF_demo1_keras.ipynb

    gee python相关教程

Global site tag (gtag.js) - Google Analytics