阅读更多

23顶
1踩

Web前端

翻译新闻 10个吸引眼球的jQuery插件推荐

2011-10-14 16:22 by 资深记者 jjfat 评论(1) 有10640人浏览

本文选取了10个非常吸引眼球的jQuery小组件和插件与大家分享,其中包括图片廊、页面布局以及图片变化等等。 希望大家喜欢。

 

1. jQuery Masonry

 

jQuery的一个布局插件。可以将它视为CSS浮动的另一面。CSS浮动是基于水平方向然后才是垂直方向, 而使用Masonry则通过网格控制元素的垂直方向,然后才是水平方向。

 

 

2. Sponsor Flip Wall with jQuery and CSS

 

一个非常不错的显示数据到网格里的插件。 点击后,缩略图会翻转,然后显示更多信息。

 

 

3. jQuery的飞出页面效果

它能够使得元素以随机或者指定方式飞出页面。可定制的选项包括持续时间、方向、两者直接显示、保留空间等,允许你保留或者忽略元素飞出后的空间。

 

 

 

4. jQuery SpryMap

 

一个超级轻量级的依赖于JavaScript的小组件,能够让HTML元素实现类似Google Maps中的点击和拖拽效果。

 

 

5. Sliderman js

 

一个标准的javascript类库,用来实现图片幻灯效果。主要特性是可以使用多种特别的特效组合。

 

 

6. Topup jQuery plugin

 

  • 绝对免费
  • 自动修正大小和位置
  • 可以和prototype组合使用
  • 多浏览器兼容
  • 很不错的布局,动画和变化 

 

7. Background image tweening with jQuery

 

一个体积小、使用非常简单的背景变化插件,能够保持DOM整洁并且过渡平滑。

 

 

8. Ajax-enable Sticky Notes with PHP and jQuery

一个支持ajax的即时贴管理系统,能够帮助访问者创建即时贴,并且提供预览及屏幕移动功能。

 

 

9. jQuery和CSS实现的色彩缤纷的幻灯

 

使用jQuery和CSS3的特性来创建3D动态的幻灯效果。主要功能:创建幻灯效果、动态改变柱状图、能够和jQuery整合。

 

 

10. jQuery panelGallery

 

一个免费的jQuery插件,基于Creative Commons Attribution 2.5许可, 意味着你可以免费修改或者使用。

 

 

 

英文原文:http://www.jquery4u.com/widgets/10-attractive-jquery-widgets/

 

 

23
1
评论 共 1 条 请登录后发表评论
1 楼 nhy520 2011-10-17 09:32
暂时用不着,好像。

发表评论

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

相关推荐

  • 《PHP5的对象模型》

    PHP5的对象模型[1]--面向对象编程 PHP5的对象模型[2]--对象模型 PHP5的对象模型[3]--定义一个类 PHP5的对象模型[4]--构造函数和析构函数 PHP5的对象模型[5]--对象复制

  • 24、抽象方法和抽象类的写法

    抽象方法和抽象方法的格式 抽象方法:就是加上abstract关键字,然后去掉大括号,直接分号结束 抽象类:抽象方法所在的类,必须是抽象类才行,在class之前协商abstract即可 public abstract class Animal { //这是一个抽象方法,代表吃东西,但是具体吃什么(大括号的内容)不确定 public abstract void eat(); } 如何使用抽象类和抽象方法: 不能直接创建new抽象类对象。 必须用一个子类来继承抽象父亲。 子

  • java 抽象方法怎么写_java抽象方法怎么写

    1. java中什么叫抽象方法和抽象类及他们的特点,说的具体些,写个例子7.何为抽象方法和抽象类?马 克 -to -win:方法前有个abstract修饰符,就叫抽象方法。类前有个abstract修饰符就是抽象类,完了,简单就好记。以下是二者的要点:马 克 -to -w in :1)抽象方法没有函数体。有童鞋说,这有什么意义呢?比如下面的例子,当我们不知道现在是什么车时,你让我写驾驶(ste...

  • java的抽象方法和抽象类

    一个方法,要么是抽象方法,要么必须给出方法的具体实现。 比如我有个animal类,有个吃东西方法,我不希望在animal类中给出这个方法的具体实现,因为不同动物,吃的东西不一样。所以要给这个方法声明为抽象方法,不写具体的实现 1.抽象类和抽象方法都必须使用abstract来修饰 package com.class_decoration; public abstract class Animal { public abstract void eat(); } 2.抽象类不能被实例化,

  • 抽象方法

    一.抽象方法1.特点关键字:abstract抽象方法中没有方法体2.语法结构public  abstract  void  方法名();3.抽象方法是一个模板或约束,避免了子类的随意性,需要实现它的类必须重写它的抽象那个方法。二.抽象类---有抽象方法的类1.特点抽象类不可以实例化继承一个抽象类,必须实现抽象类中的抽象方法,除非子类也是抽象类。...

  • Php 模型对象,PHP 新对象模型

    quinn at strangecode dot com (2006-05-19 08:53:42)Here is another possible solution for migrating code to php 5 when using $this = 'something' reassignments. In my case, I had several classes with me...

  • PHP数据对象模型(PDO)

    虽然在php中有很多种数据库系统的扩展,但是不同的数据库系统对应的函数又是不同的,就拿MYSQL数据库系统而言,PHP就提供了Mysql和,Mysqli两种扩展,有没有一组统一的扩展标准来使不同的数据库系统都能使用呢?    PDO就能实现这样的功能,PHP 数据对象 (PDO) 扩展为PHP访问数据库定义了一个轻量级的一致接口。实现 PDO 接口的每个数据库驱动可以公开具体数据库的特性作为标准

  • 第六节--访问属性和方法 -- Classes and Objects in PHP5 [6]

    第六节--访问属性和方法 -- Classes and Objects in PHP5 [6] 作者:Leon Atkinson 翻译:Haohappy 来源:超越PHP   /*+-------------------------------------------------------------------------------+| = 本文为Haohappy读> |

  • 第九节--绑定 -- Classes and Objects in PHP5 [9]

    第九节--绑定 -- Classes and Objects in PHP5 [9] 作者:Leon Atkinson 翻译:Haohappy 来源:超越PHP   /*+-------------------------------------------------------------------------------+| = 本文为Haohappy读> | = 中Cl

  • 学习笔记-TP5反序列化利用

    TP5反序列化利用链 本文以第二人称视角重点谈谈给你了反序列化的利用链你该怎么写exp。 文章很长,当故事看即可。 漏洞版本为 ThinkPHP 5.1.X 下图是Mochazz 大佬画的非常优雅的一张调用链图 10 如果说之前了解过PHP反序列(重点知识)的基础知识(入门知识),那么一眼就能明白这条链的起点-跳板-终点是什么。 以析构函数为起点开始调用;以__toString方法为跳板寻...

  • abstract抽象类和抽象方法

    **一、 abstract抽象类和抽象方法 ** 如果一个方法没有实现的代码,那么它必须被声明为抽象的方法。 public abstract String getName(); 如果一个类包含有抽象方法,那么它必须被声明为抽象类。 public abstract class Account{ public abstract String getName(); … } 抽象类不能实例化----不...

  • 总结python抽象类和抽象方法的写法

    本文章主要总结利用abc模块实现的python抽象类和抽象方法的编写。 步骤: 1 导入abc模块 import abc 2 编写抽象类 class class1(object):__metaclass__ = abc.ABCMeta #抽象方法编写@abc.abstractmethoddef method1(self):return #抽象属性编写def getx(self

  • 什么是抽象方法

    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...

  • java抽象类和抽象方法

    抽象类就是不能使用new方法进行实例化的类,即没有具体实例对象的类。抽象类有点类似“模板”的作用,目的是根据其格式来创建和修改新的类。对象不能由抽象类直接创建,只可以通过抽象类派生出新的子类,再由其子类来创建对象。当一个类被声明为抽象类时,要在这个类前面加上修饰符abstract。     在抽象类中的成员方法可以包括一般方法和抽象方法。抽象方法就是以abstract修

  • 抽象方法与抽象类的对比

    1.含有抽象方法的类一定是抽象类,抽象类不一定含有抽象方法 2.由于抽象方法会被子类重写,所以abstract关键字不能和final,static,private关键字配合使用。    ...

  • abstract class和interface有什么区别?

    含有abstract修饰符的class即为抽象类,abstract类不能创建的实例对象。含有abstract方法的类必须定义为abstract class,abstract class类中的方法不必是抽象的。abstract class类中定义抽象方法必须在具体(Concrete)子类中实现,所以,不能有抽象构造方法或抽象静态方法。如果的子类没有实现抽象父类中的所有抽象方法,那么子类也必须定义为a...

  • 【笔记】抽象方法与方法重写的区别

    【问题】:既然子类继承父类可以重写父类方法,那在父类中写一个空的实现方法和写一个抽象方法的区别在哪呢? 抽象方法是指abstract修饰的,且在类中没有方法体的方法; 子类方法的重写是指继承父类的某个实例方法,这个方法的类型和父类方法的类型一致或者是父类方法的类型的子类型,并且这个方法的名字、参数个数、参数的类型和父类的方法完全相同。  如代码所示: public abstract cl...

  • PowerDesigner建模工具加PHP插件:实现PHP建模

    目前支持PHP建模的工具相当少,这里介绍一款PHP建模工具PowerDesigner,它是SyBase公司出品的强大建模工具。        PowerDesigner是Sybase公司的CASE工具集,使用它可以方便地对管理信息系统进行分析设计,它几乎包括了数据库模型设计的全过程。  利用PowerDesigner可以制作数据流程图、概念数据模型、物理数据模型,可以生成多种客户端开发工具的应用程

Global site tag (gtag.js) - Google Analytics