阅读更多

23顶
1踩

Web前端

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

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

本文选取了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抽象类和抽象方法

    (1)抽象方法的定义格式:public abstract 返回值类型 方法名(参数列表);(2)抽象类的定义格式:public abstract class 类名{}

  • 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.抽象类不能被实例化,

  • 抽象方法与抽象类

    4.抽象类的意义不在于实例化而在于继承,若一个类继承自抽象类必须重写抽象方法,否则该类也是抽象类。抽象方法:就是用abstract关键字修饰,并且没有大括号,直接分号结束的方法。抽象类:定义了抽象方法的类或者用abstract关键字修饰的类就是抽象类;【访问权限符】 abstract 返回值类型 方法名(参数表);1.抽象类可以有成员方法,成员变量以及构造方法。2.抽象类可以有抽象方法,也可以没有;3.拥有抽象方法的类必须是抽象类。(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读> |

  • 学习笔记-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抽象类。抽象类里面的抽象方法必须被子类全部复写

    抽象类:包含抽象方法的类称为抽象类。 抽象方法:只声明而未实现的方法称为抽象方法。必须使用abstract关键字声明。 *抽象类和抽象方法都必须使用abstract关键字声明。 *抽象方法只声明,不需要定义。 *抽象类不能声明对象,必须被继承。 *抽象类中的抽象方法必须被子类全部覆写才能够使用。 如下: publicclassMain { pub

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

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

  • abstract class和interface有什么区别?

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

Global site tag (gtag.js) - Google Analytics