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

1顶
1踩

Web前端

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

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

  • RSMA-Rate-Splitting-通信系统仿真-速率拆分

    《RSMA与速率拆分在有限反馈通信系统中的MMSE基预编码实现》 本文将深入探讨RSMA（Rate Splitting Multiple Access）技术在有限反馈通信系统中的应用，特别是通过MMSE（Minimum Mean Square Error）基预编码进行的实现。速率拆分是现代多用户通信系统中一种重要的信号处理策略，它能够提升系统的频谱效率和鲁棒性，特别是在资源受限和信道条件不理想的环境中。RSMA的核心思想是将用户的数据流分割成公共和私有信息两部分，公共信息可以被多个接收器解码，而私有信息仅由特定的接收器解码。这种方式允许系统在用户间共享信道资源，同时保证了每个用户的个性化服务。 在有限反馈通信系统中，由于信道状态信息（CSI）的获取通常是有限且不精确的，因此选择合适的预编码技术至关重要。MMSE预编码是一种优化策略，其目标是在考虑信道噪声和干扰的情况下最小化期望平方误差。在RSMA中，MMSE预编码用于在发射端对数据流进行处理，以减少接收端的干扰，提高解码性能。 以下代码研究RSMA与MMSE预编码的结合以观察到如何在实际系统中应用RSMA的速率拆分策略，并结合有限的反馈信息设计有效的预编码矩阵。关键步骤包括： 1. **信道模型的建立**：模拟多用户MIMO环境，考虑不同用户之间的信道条件差异。 2. **信道反馈机制**：设计有限反馈方案，用户向基站发送关于信道状态的简化的反馈信息。 3. **MMSE预编码矩阵计算**：根据接收到的有限反馈信息，计算出能够最小化期望平方误差的预编码矩阵。 4. **速率拆分**：将每个用户的传输信息划分为公共和私有两部分。 5. **信号发射与接收**：使用预编码矩阵对信号进行处理，然后在接收端进行解码。 6. **性能评估**：分析系统吞吐量、误码率等性能指标，对比不同策略的效果。

  • 【地理空间Python教程】使用XEE从Google Earth Engine下载图像：肯尼亚人口网格数据GeoTIFF文件生成方法介绍了如何使用XEE

    内容概要：本文档介绍了如何使用 XEE 包从 Google Earth Engine 下载图像数据并保存为 GeoTIFF 文件。主要内容包括：1) 使用新的 ee.data.getPixels() API 和 XEE 包简化了从 GEE 提取大型数据集的过程；2) 通过 XArray 数据集和 rioxarray 工具直接处理和保存图像数据，避免了复杂的导出任务；3) 具体示例展示了如何下载肯尼亚 2021 年的 LandScan 人口网格数据，包括环境搭建、数据准备、图像处理和最终保存为 GeoTIFF 文件。 适合人群：具备一定 Python 编程基础和地理信息系统（GIS）知识的开发者或研究人员，特别是对地理空间数据分析和遥感图像处理感兴趣的用户。 使用场景及目标：① 在基于 Python 的工作流中快速高效地提取和处理托管在 GEE 上的大规模地理空间数据；② 学习如何使用 XEE 包和相关工具进行地理空间数据的下载、裁剪、投影转换和保存；③ 通过实际案例掌握地理空间数据的处理技巧，提高数据处理效率和准确性。 其他说明：此教程提供了详细的代码示例和操作步骤，帮助用户在 Google Colab 环境中完成整个数据下载和处理过程。用户需要具备一定的 Python 编程能力，并熟悉常用的地理空间数据处理工具和库，如 geopandas、rioxarray 和 xarray。此外，教程还强调了数据版权和来源的重要性，确保用户合法合规地使用数据。

  • 基于STM32的工业级锅炉控制器系统设计：外设驱动、数据采集与通信协议实现

    内容概要：本文详细介绍了基于STM32F407的锅炉控制器系统设计，涵盖多个关键技术点。首先，在SD卡驱动方面，采用了硬件SPI配置，波特率为10.5MHz，并通过DMA发送80个空时钟进行初始化。其次，多路AD采集使用差分输入模式和DMA循环采集，配合滑动平均滤波提高效率。此外，Modbus通信部分通过结构体映射寄存器并使用硬件CRC单元进行校验。文件系统则采用FatFs结合SPI Flash缓存，确保断电保护。实时监控线程使用状态机设计，确保系统稳定性和安全性。硬件设计方面，模拟电路与数字电路分区布局，增强抗干扰能力。 适合人群：具备一定嵌入式开发基础的研发人员，特别是希望深入了解工业级项目设计的工程师。 使用场景及目标：适用于工业自动化领域的嵌入式系统开发，旨在帮助工程师掌握从硬件选型、外设驱动、数据采集到通信协议实现的全流程设计方法，提升系统的可靠性和实时性。 其他说明：文中提供了详细的代码示例和设计思路，强调了实际项目中的注意事项和常见问题解决方案，有助于读者快速上手并应用于实际项目中。

  • 基于MATLAB的配电网二阶锥优化：OLTC档位选择与123型支路的最优潮流研究

    内容概要：本文详细介绍了基于MATLAB实现的配电网二阶锥最优潮流研究，重点探讨了OLTC（有载调压变压器）档位选择和123型支路的优化方法。通过构建SOCP（二阶锥规划）模型，结合YALMIP和CPLEX求解器，实现了高效的潮流优化。文中提供了详细的代码示例和解释，涵盖系统参数定义、模型构建、约束添加以及求解过程。此外，还讨论了OLTC档位选择的离散变量建模、支路类型的差异化处理、动态优化的时间轴管理等方面的技术细节。 适合人群：对电力系统优化感兴趣的科研人员、研究生及有一定编程基础的工程师。 使用场景及目标：适用于配电网优化研究和实际工程应用，旨在提高潮流计算的效率和准确性，解决传统方法在复杂约束下的不足。通过学习本文，读者可以掌握如何利用MATLAB和相关工具进行二阶锥优化，从而更好地应对电力系统中的各种挑战。 其他说明：文章附带详细的代码注释和讲解视频，帮助读者快速理解和应用所介绍的方法和技术。

Global site tag (gtag.js) - Google Analytics