首页风格
门户
博客

jQuery/javascript代码大全

这里我们收集了大量的jQuery和javascript代码片断和代码库,帮助大家快速编程。

分享10款帮助你设计自适应布局(Responsive Layout)的jQuery插件

日期:2012/01/05  来源:GBin1.com

自适应布局的设计是最近大家谈论的非常多的概念,他的设计理念在于无论客户端是什么样类型的设备,也不管设备的屏幕显示的大小,都可以提供指定并且优化的布局。典型的例子是,如果你使用Media Queries来重新定义整个布局额大小,同时你也需要定义导航,表单,图片,幻灯等等元素。这就是为什么今天我们推荐给大家10个jQuery插件帮助大家设计自适应的布局的原因。希望大家喜欢!

1. The Heads-Up Grid

使用HTML,CSS和Javascript开发。head-up Grid是一个符合responsive的overlay grid,专门为浏览器网站开发设计。用来相对简单的来满足对于responsive web设计的需要。

分享10款帮助你设计自适应布局(Responsive Layout)的jQuery插件

2. FitVids.JS

一个轻量价的,为video嵌入自适应宽度而开发的jQuery插件。为了实现responsive web设计中的流动宽度效果。

分享10款帮助你设计自适应布局(Responsive Layout)的jQuery插件

阅读更多

分享10个最好的jQuery表单插件

日期:2011/12/16  来源:GBin1.com

作为web设计或者开发者来说,表单是我们经常需要打交道的设计元素之一。不论你开发登陆功能,在线购物功能,或者是注册功能,你都需要使用表单来执行用户输入。但其实并不是很多开发人员都关心开发或者设计表单元素。而表单设计最重要的目的在于能够将表单设计超越它本身结构以达到使用体验及其可用体验的完美结合,因为表单是实现用户和服务器数据交换的重要方式之一。

今天我们将介绍10款我们收集的最棒表单插件,希望大家喜欢!

1. jQuery Form Wizard

jQuery Form 插件可以用来开发无需刷新的基于页面流程的表单设计。这个插件非常易用并且给予开发人员非常大的自由度来设置整个页面流程,并且这个插件还可以根据不同的输入内容来生成不同工作流程的表单。

分享10个最好的jQuery表单插件 gbin1.com

2. Formalize

帮助你在用户的操作环境中有效的控制表单元素而不用明显的修改表单外观,这个工具可以作为webkit版本的表单元素,非常适合开发兼容性界面。

分享10个最好的jQuery表单插件 gbin1.com

标签: HTML, CSS, Javascript, JQuery, form jquery plugin, 表单jquery, jquery表单插件

阅读更多

分享2011年12月最新的10个超酷jQuery插件

日期:2011/12/08  来源:GBin1.com

分享2011年12月最新的10个超酷jQuery插件 - gbin1.com

今天我们收集了2011年12月最新的10个非常不错的jQuery插件,其中包括了,幻灯,表单,还有UI小组件,希望大家喜欢!

Isotope

这个插件是一个十分不错的魔术布局插件,我们在推荐的插件中曾经介绍过它。

分享2011年12月最新的10个超酷jQuery插件

人脸识别(face defection)

一个帮助你识别人脸的jQuery插件,是不是感觉很牛啊,使用javascript也可以实现这样的算法。在线演示

分享2011年12月最新的10个超酷jQuery插件

jQuery Lifestream

这个jQuery插件可以帮助你实现类似SNS网站最新消息的功能。例如,某人发布了日期,或者上传了照片,等等。

分享2011年12月最新的10个超酷jQuery插件 gbin1.com

Sausage

Sauage是一个页面内内容导航实现插件。能够实现根据上下文内容来产生页面内导航效果。从这个角度上看,有点儿像以前我们介绍的另外一个插件

分享2011年12月最新的10个超酷jQuery插件 gbin1.com

jQuery.fracs

jQuery fracs帮助你判断当前的HTML元素目前处于视野中那个部分。并且可以提供给你可看到的元素的矩形坐标,帮助你定义当前的页面内容位置。

分享2011年12月最新的10个超酷jQuery插件 gbin1.com

阅读更多

分享10个jQuery的语言翻译插件

日期:2011/11/23  来源:GBin1.com

和Google翻译类似,jQuery插件也可以用来整合语言翻译到你的网站,这里我们分享了非常不错的10个jQuery插件。希望大家喜欢!

1. jQuery Translator Plugin

使用jQuery翻译插件,网页不用修改就可以很容易的翻译成其它语言。你只需要提供script并且初始化翻译插件。

分享10个jQuery的语言翻译插件

2. jTextTranslate: A jQuery Translation Plugin

这个插件使用Google语言API并且可以用来翻译成各国语言。

分享10个jQuery的语言翻译插件

3. SundayMorning

一个jQuery的插件允许网站主提供网站的用户一个简单方式使用30种语言来翻译网站的内容。它使用Google翻译API。你可以使用菜单的行内翻译,单词翻译或者远程触发翻译

分享10个jQuery的语言翻译插件

4. jQuery Translator

来自Google的ajax翻译API。

分享10个jQuery的语言翻译插件

5. jQuery Google…

标签: jquery plugin, jquery插件, 翻译插件, jQuery翻译插件, jQuery多语言插件, GBIn1

阅读更多

分享10个最好的wordpress中使用的jQuery插件

日期:2011/11/20  来源:GBin1.com

现在的开发中,越来越多的开发和设计人员使用wordpress来设计网站。结合使用CMS系统wordpress和强大的jQuery将能给我们的web页面富客户端开发带来无限的可能。今天我们将介绍我们收集的10个最适合 wordpress开发的jQuery插件。

1. Flipping Book

一个全功能的图片幻灯插件来帮助wordpress实现页面翻转效果。允许你通过特别设计的界面使用翻转效果创建flash电子书 。

分享10个最好的wordpress中使用的jQuery插件

2. jQuery Pagebar

这个插件使用现代的页面条来取代"上一页"及其"下一页"。更容易让用户进行页面导航。

分享10个最好的wordpress中使用的jQuery插件

3. Advanced Spoiler

通过Spoiler标签利用动画效果来显示和隐藏内容

分享10个最好的wordpress中使用的jQuery插件

4. OpenID Comments From

允许wordpress来提供客户端OpenID用户验证和留言。

分享10个最好的wordpress中使用的jQuery插件

5. Smilies Themer Toolbar

添加一个工具条来方便添加留言中的笑脸管理

分享10个最好的wordpress中使用的jQuery插件

标签: jquery插件, wordpress jquery插件, wordpress使用的jquery插件, wordpress插件

阅读更多

GBin1分享的10个jQuery的全景图片展示插件

日期:2011/11/09  原文:jquery4u.com  编译:GBin1.com

整合jQuery的全景图片展示插件,能帮助你的网站访客更好的浏览你的网站图片。帮助你构建虚拟旅程,全景展示和滚动,无限的图片幻灯,希望大家喜欢!

相关的插件:分享8个图片360度旋转展示的jQuery插件

1. 360° panoramic view plugin for jQuery

一个全景图由一系列图片经过软件合成的一个广视角效果。它给予访客一个身临其境的感受。

GBin1分享的10个jQuery的全景图片展示插件

2. jQuery 360* Panorama

非常小的一个用来生成全景效果的jQuery插件(4Kb)。非常容易自定义,只需要全景图片,一个DIV,还有些CSS定义,最后再来点儿javascript。

GBin1分享的10个jQuery的全景图片展示插件

3. jQuery spherical panorama viewer

基于Helmu Dersh的移动全景,完全的javascript视图实现,无需java或者quicktime

GBin1分享的10个jQuery的全景图片展示插件

标签: jQuery插件, jQuery全景图插件, jQuery360度全景图插件, jQuery360度全景

阅读更多

如何使用jQuery判断一个元素是否存在

来源:GBin1.com

使用传统javascript方法,如下:

if(document.getElementById('div')) {     
    // 找到到对应元素 
} else {     
    // 没有找到找到到对应元素 
}

使用jQuery则比较简单,只需判断此元素的长度是否为0,如果为0则此元素不存在,代码如下:

if ($("#div").length > 0){ 
    // 找到对应id=div的元素,然后执行此块代码 
}

甚至能找到组合元素,如下,我们找一个id定义为div的元素里面是否包含img,代码如下:

if ($("#div img").length > 0){ 
    // 找到对应id=div并且包含img的元素,然后执行此块代码 
}

是不是很简单,大家可以尝试使用一下

原文来自:如何使用jQuery判断一个元素是否存在

标签: jQuery, 元素是否存在, jQuery判断元素, 元素存在

阅读更多

GBin1分享的8个图片360度旋转展示的jQuery插件

日期:2011/11/02  原文:jquery4u.com  编译:GBin1.com

今天分享8个可以帮助你360度旋转显示图片的jQuery插件,这些插件能帮助你更好的提供图片商品的浏览体验。一旦你用上,肯定会喜欢的!

1. Reel 1.1.3

Reel是一个jQuery的插件可以帮助你将图片生成一个实时的动画。它提供了360度的视图,可以作为flash和Java的另外一个选择

GBin1分享的8个图片360度旋转展示的jQuery插件

2. Multiple 360 images

添加多个图片到一个页面。生成数量不限的javascript视图。

GBin1分享的8个图片360度旋转展示的jQuery插件

3. jQuery threesixty 

体积非常小的一个插件,帮助你创建flash类型的360度视图

GBin1分享的8个图片360度旋转展示的jQuery插件

4. picture-360-rotation

360度旋转的显示。支持手动旋转图片。360度的动画合成。内建的手动旋转视角,支持IE6,IE7,IE8,chrome,firefox,opera,safari等

GBin1分享的8个图片360度旋转展示的jQuery插件

标签: 图片旋转, jquery图片旋转, jquery 360, jQuery360度, jQuery插件, jQuery旋转插件, jQuery360度旋转插件, 360視圖

阅读更多

GBin1随机分享的10个使用简单的插件

日期:2011/10/28  原文:jquery4u.com  编译:GBin1.com

今天分享另外10个随机选择的使用简单的jQuery插件,我知道大家会喜欢它们的!可能你们大多数人都没有使用过或者看到过这些插件,值得你了解一下。

1. jQZoom Evolution

只是个JS的放大器插件,使用jQuery开发。非常容易使用的放大器组件

GBin1随机分享的10个使用简单的插件

2. queue&dequeue

一对数据工具用来帮助你添加显示到动画里

GBin1随机分享的10个使用简单的插件

3. Awkward Viewline

一个jQuery插件现在和Awkward Showcase整合

GBin1随机分享的10个使用简单的插件

4. jQuery-Notes 1.0.2

一个使用简单的jQuery插件帮助你在博客或者网站上添加说明到任何图片

GBin1随机分享的10个使用简单的插件

5.  QuickFlip 2: The jQuery Flipping Plugin Made Faster and Simpler

quickFlip能够接受任何HTML标记,并且能象卡片一样翻动。效果和iphone的UI动画类似…

标签: jQuery插件, 使用简单jQuery插件, jQuery在线教程, GBin1插件

阅读更多

如何使用jQuery和javascript检测客户端是ipod还是iphone?

作者:GBin1.com

如果能动态的检测请求客户端的类型,你可以方便的将客户端重定向到对应的移动版本。代码如下:

//返回boolean值 True 或者 False
function isiPhone(){
    return (
        (navigator.platform.indexOf("iPhone") != -1) ||
        (navigator.platform.indexOf("iPod") != -1)
    );
}

如果你有移动版本的网站,那么你可以使用如下代码重定向:

// Redirect iPhone/iPod visitors
function isiPhone(){
return (
(navigator.platform.indexOf("iPhone") != -1) ||

标签: jQuery检测iphone, javascript检测iphone, 检测iphone, 检测ipod, 检测iphone客户端

阅读更多

GBin1分享的10个吸引眼球的jQuery插件

日期:2011/10/11        原文:jquery4u.com        编译:GBin1.com

GBin1今天特意选取了10个非常吸引眼球的jQuery小组件和插件与大家分享,其中包括图片廊,文本功能提升,及其图片变化等等。 希望大家喜欢,如果你觉得不错请留言支持GBin1.com,谢谢!

1. jQuery Masonry

jQuery的一个布局插件。它可以当做CSS悬浮控制的反过程。悬浮安排元素水平方向然后垂直方向, 使用Masonry则控制元素垂直方向,然后水平方向

GBin1分享的10个吸引眼球的jQuery插件

2. Sponsor Flip Wall with jQuery and CSS

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

GBin1分享的10个吸引眼球的jQuery插件

3. jQuery的飞出页面效果

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

GBin1分享的10个吸引眼球的jQuery插件

阅读更多

如何使用jQuery来实现AJAX调用

日期:2011/07/29  作者:GBin1.com

AJAX调用在jQuery中有几种不同的方法,这篇文章中我们将介绍几种不同的方式来实现ajax调用,如下你不清楚什么是ajax的话,请参考相关文章。简单来说AJAX是异步Javascript和XML(Asynchronous Javascript And XML)的缩写。目的是为了在页面中只刷新部分内容。比较大家可能比较常用的Google email或者是GBin1.com中的站内搜索都是典型的AJAX使用案例。

方法1:load()

使用load方法可以帮助你家在一个非本地的HTML页面,并且注入到当前调用的DOM中。使用jQUery你可以很方便的执行这个功能。

代码片段:

    $.ajaxSetup({
cache: false
});
var ajax_load = "<img src='logo/gbin1loading.gif' alt='加载中...'…

标签: jQuery, AJAX, ajax方法, ajax使用

阅读更多

下一页

喜欢我们的文章请您与朋友分享:

?ü?à

今日推荐