jquery
关注
分享
扫一扫
renyiqiu
这个作者很懒，什么都没留下…
展开
-
制作全屏画廊，适合图片展示
查看实例 123456789101112131415161718 (function($) { $.fn.preload = function(options) { var opts = $.extend({}, $.fn.pre...2014-02-06 22:59:56 · 212 阅读 · 0 评论 -
宝丽莱效果图片浏览插件
本次介绍的是一类图片浏览插件 文章详情（附demo和下载链接）原创 2013-12-11 18:22:53 · 98 阅读 · 0 评论 -
站点切换插件使用
通过不同的jquery easing 动画来生动地展示固定的标题与描述文字。功能描述：鼠标经过图片会显示标题和描述文字，离开则隐藏，期间展示和隐藏均带动画效果，而且鼠标经过标题或者是描述，背景层的颜色还会变化。 查看文章详情（附效果展示和文件下载）...原创 2013-12-07 20:00:38 · 132 阅读 · 0 评论 -
一款精美的图片轮播插件
本次给各位介绍的是一个名叫FancyMoves的JQuery图片轮播插件。您可以使用鼠标点击，甚至是使用键盘左右键来进行图片的切换操作。 查看文章（附demo和下载）...2013-12-02 14:32:29 · 100 阅读 · 0 评论 -
—富有空间感的图片库插件
查看文章详情（附demo和文件下载） 本次给大家分享的是名为SpaceGallery的JQuery插件，此插件富有空间感，顿时让人耳目一新。 1234567891011121314//javascriptspacegallery: { //默认...2013-12-01 12:41:07 · 152 阅读 · 0 评论 -
slidesjs图片轮播展示插件
今天为大家介绍的是一个名为SlidesJS的响应式图片轮播展示的插件，他拥有触摸和CSS3动画过渡的特性。 文章详情（附实例预览和下载）2013-11-30 12:38:28 · 167 阅读 · 0 评论 -
lightbox又一新作
此插件的不同之处是能够展示各种类型的文件。从文本内容到swf文件，再到pdf文件。只要简单的进行配置，就能给网站带来与众不同的效果。 文章详情（附demo和下载文件）...2013-11-29 10:08:18 · 101 阅读 · 0 评论 -
图片全屏并保持宽高比例
你可以通过demo来查看，然后你可以发现它能够在所有允许javascript运行的浏览器上完美的运行。当然IE浏览器的话是需要一些额外的代码，在此我推荐unitpngfix去处理png图片的透明问题。 文章详情（附demo和下载）...2013-11-28 11:16:11 · 243 阅读 · 0 评论 -
fancybox-jquery图片查看器
查看详情 fancyBox是一个能够给图片，html内容和多媒体内容提供友好且炫目的展示的工具。 关键代码：1234//可参照官网http://fancyapps.com/fancybox 进行参数的修改$(document).ready(function() {$('.fancybox').fancyb...原创 2013-11-27 10:23:04 · 72 阅读 · 0 评论 -
自动轮播插件
本实例本来是由一位名为Soh Tanaka 的网友制作的，但他的那个实例已经失效了，今天我结合他所提供的代码来改造一个自动的轮播插件，再次感谢Soh Tanaka。 查看详细（附demo和下载文件）...原创 2013-11-26 11:55:31 · 97 阅读 · 0 评论 -
一款轻量的图像缩放插件
功能简介： 1.鼠标放到略缩图上，图片放大。 2.在图片上移动鼠标的同时，放大的图片的显示是随着鼠标的位置而产生变化。 3.易于移植到您的网站上。 文章详情（附demo和文件下载）...2013-12-19 15:12:18 · 106 阅读 · 0 评论 -
jquery常用插件，固定位置的浮动栏
本款JQuery插件的作用是网站上常见的浮动的侧栏，当页面进行滚动的时候，所设定的那层能够随着滚动而一直固定在设定的位置 文章详情（附demo和下载）...2013-12-23 12:13:02 · 134 阅读 · 0 评论 -
传统的checkbox样式out了，体验为王
本次介绍的jquery插件是将完全代替默认浏览器的表单checkbox的一般样式的插件，通过CSS和JQuery的可变性来改变其显示的模样。 文章详情（附demo和文件下载）...2013-12-24 14:47:23 · 79 阅读 · 0 评论 -
绝对推荐，HTML5与JQuery结合的幻灯片
文章详情（附demo和下载） $(window).load(function(){ //我们监听了 window.load 事件，因此我们确定幻灯片上的所有图片都能够正确进行加载。 //测试当前浏览器是否支持canvas元素 var supportCanvas = 'getContext' in document.createEle...2014-01-10 18:26:59 · 197 阅读 · 0 评论 -
用jquery创建一个确认对话框
文章详情（附demo和下载） $(document).ready(function(){ $('.item .delete').click(function(){ var elem = $(this).closest('.item'); $.confirm({ 'title': 'Delete Co...2014-01-05 19:01:20 · 301 阅读 · 0 评论 -
jquery基础教程-jquery创建一个确认对话框
$(document).ready(function(){$('.item .delete').click(function(){varelem = $(this).closest('.item');$.confirm({'title': 'Delete Confirmation','message': 'You are about to de...2014-01-02 23:55:08 · 275 阅读 · 0 评论 -
Countdown-倒计时插件
今天我介绍的就是类似这种功能的jquery插件，他不仅能实现上面所述的功能，而且在每个倒计时数字实现动画的过渡效果。 文章详情和下载链接 123456789101112131415161718192021222324252627282930313...2014-01-01 18:15:42 · 190 阅读 · 0 评论 -
easyslider，轻松实现幻灯片效果
今天为大家分享的是一款用于图片轮播的jquery插件，它适合各种类型的网站，节省开发者的时间，特别是针对前端不太熟悉的开发者。 文章详情（附demo和下载）...2013-12-31 16:04:07 · 132 阅读 · 0 评论 -
JQuery标签输入插件
本次介绍的jquery插件 能够将你网站上看似毫不起眼的标签列表装饰为具有魔力的输入框，它能将你的每个标签变为具有个性的对象，而且它们都带有可让用户删除的标示。 文章详情（附demo和下载） ...2013-12-29 14:25:20 · 191 阅读 · 0 评论 -
让HTML元素动起来的插件
注意： 1.因为震动的元素位于 fixed/absolute,它们应该被包装在一个 fixed/absolute 的元素里面 2.旋转不能使用在IE8或以下的浏览器 。 文章详情（附demo和下载文件）...2013-12-28 11:54:35 · 159 阅读 · 0 评论 -
制作淡入淡出效果的JQuery插件
今天为大家介绍的是一款名为diagonalFade的jquery插件。 文章详情（附demo和文件下载） 关键代码：function slideshow(selector, _f) { var x = parseInt(Math.random() * 2); // 从左到右 var y = parseInt...2013-12-27 13:28:17 · 148 阅读 · 0 评论 -
JQuery幻灯片-视觉效果爆棚的全屏滚动相册
本次的介绍的JQuery插件是一个带有滚动导航效果的，具有十分炫目的效果的全屏滚动相册。我们使用的JQuery和一些CSS3特性的样式，当用户的鼠标在略缩图的容器范围内向左或者向右移动的时候，略缩图会自动地进行图片轮播。 文章详情（附demo和下载）...2013-12-25 11:45:51 · 148 阅读 · 0 评论 -
MovingBoxes幻灯片插件
"幻灯片"的概念都是一样的，因此这次我不打算放太多的源代码来浪费读者的时间，本实例最大的不，和组来切换图片和幻灯片面板的缩放。 查看详情（附demo和下载）...原创 2013-11-25 10:43:58 · 101 阅读 · 0 评论 -
JQuery与CSS相结合的下拉框
对于我来说，标准的HTML元素（Select）已经让我感到讨厌。它不能够正常的在IE浏览器上显示。还有一点就是他并不仅仅包含简单的文本。这就是我必须去彻底改造DropDown这个元素的原因。 文章详情 ...2013-11-24 12:27:54 · 72 阅读 · 0 评论 -
fullscreen图片全屏并保持宽高比例的背景图
您可否曾经想过在您的网站上有一副时常能填满屏幕而又能保持宽高比的背景图片呢？还有它必须是居中的，而不是集中在图片左上角？此插件就能满足您的以上需求。你可以通过demo来查看，然后你可以发现它能够在所有允许javascript运行的浏览器上完美的运行。当然IE浏览器的话是需要一些额外的代码，在此我推荐unitpngfix去处理png图片的透明问题。原创 2013-11-18 14:30:30 · 1332 阅读 · 0 评论 -
lettering个性化文字排版
本次介绍的插件叫Lettering.js，是一个十分轻量的，便于使用的JQuery插件，可创造出个性化的文字，以及网页排版。 顺便一提，此插件荣获2010年最佳JQuery插件之一。 使用：只需引用文件 jquery.lettering-0.6.1.min.js 至于用户你们可以自定义样式，实例上的样式我是参照官网的原创 2013-11-18 14:22:16 · 1033 阅读 · 0 评论 -
图片走廊，展现图片之美-fancybox图片查看器
fancyBox是一个能够给图片，html内容和多媒体内容提供友好且炫目的展示的工具。此插件是建立在著名的javascript框架JQuery，另外还有一点就是，它只需要简便的步骤就能够进行嵌入并对其自定义，完全满足用户的需要，根据网站的需要进行改变。查看效果图文章详情原创 2013-11-18 14:24:10 · 1343 阅读 · 0 评论 -
jQuery Lightbox Plugin-经典的略缩图查看插件
本插件是借用强大的图片浏览插件Lightbox 而扩展而来的，主要用途是用于展示图片。轻量的插件用途却十分强大，展示图片的效果也十分炫目。操作十分简单，大家看下下载文件就能懂。查看效果图文章详情原创 2013-11-18 14:19:34 · 1820 阅读 · 0 评论 -
JSShare分享流感导航菜单诞生
我想各位体验了这个导航的效果后，首先会有的感觉是：这真的不是Flash做的么？可以告诉大家：这不是用flash做的。现在著名的JQuery框架在运动特效上已经越发流畅。开个玩笑，此次给大家分享的导航菜单是否有去点一下右键来确认它是不是Flash的冲动呢，或者已经点了（笑）。 下面简单描述下它的效果，这个导航菜单，当鼠标移至目标栏的时候，它会十分流畅地垂下关于解释的原创 2013-11-17 11:10:22 · 1022 阅读 · 0 评论 -
基于正则表达式的轻量提示插件--InputNotes文本框输入提示插件
兼容性强却文件轻巧的文本框检测插件诞生了。本插件是基于正则表达式进行文本框检测的，通用性十分强。预览实例 下载实例原创 2013-11-16 18:49:27 · 936 阅读 · 0 评论 -
轻便提示插件tipTip
TipTip是使用HTML中的Title属性，换句话说，就是像本地浏览器提示那样使用的插件。然而，当我们使用TipTip的时候 ，这个浏览器title 将会被复制，然后在元素中移除以致于浏览器的提示工具会被隐藏，以免造成重复提示。预览实例 下载实例原创 2013-11-16 18:53:17 · 1349 阅读 · 0 评论 -
coin slider 幻灯片轮播插件
本实例功能十分强大，有独特的过渡效果，灵活的配置，而且兼容android 手机和iphone手机，还有一点就是十分的轻量，适合各个场景使用。预览实例下载实例原创 2013-11-16 18:43:11 · 907 阅读 · 0 评论 -
Roundabout不规则列表效果展示，类似旋转木马效果
Roundabout是一个能够轻易将规则的列表转换成各种不规则形式的JQuery插件。首先要实现如此炫目的效果，为其准备的是版本不低于1.2的JQuery文件。令人欣喜的是，它工作在任何主流的浏览器中都毫无问题，无论是老版本抑或是新版本。 此插件拥有丰富的API，可自由进行方法调用 查看官网：http://fredhq.com/proje原创 2013-11-17 11:07:41 · 1932 阅读 · 0 评论 -
展示各类文件用这个，lightbox又一新作
今天为大家介绍的是又一个效果炫目的LightBox插件。 此插件的不同之处是能够展示各种类型的文件。从文本内容到swf文件，再到pdf文件。只要简单的进行配置，就能给网站带来与众不同的效果。查看效果图文章详情原创 2013-11-18 14:33:45 · 1053 阅读 · 0 评论 -
spacegallery—富有空间感的图片库插件
本次给大家分享的是名为SpaceGallery的JQuery插件，此插件富有空间感，顿时让人耳目一新。 官网 功能介绍： 1.只需点击图片就能进行图片的切换。查看效果图文章详情原创 2013-11-20 22:53:06 · 1769 阅读 · 0 评论 -
FancyMoves，一款精美的图片轮播插件，可用键盘左右键进行轮播
本次给各位介绍的是一个名叫FancyMoves的JQuery图片轮播插件。您可以使用鼠标点击，甚至是使用键盘左右键来进行图片的切换操作。 特性介绍： 1.轻松的改变幻灯变的宽度。 2.轻易改变下一张展示图片的数量。 3.最后一张图片会循环回到第一张图片里。 4.嵌入了Fancy查看插件，在每张图片上都原创 2013-11-20 23:08:24 · 2052 阅读 · 0 评论 -
流感导航菜单诞生！
下面简单描述下它的效果，这个导航菜单，当鼠标移至目标栏的时候，它会十分流畅地垂下关于解释的菜单，当你的鼠标在上面快速切换的时候，那种炫目的效果会让你再次怀疑是Flash做的。 查看效果图 文章详情...2013-11-23 12:52:11 · 94 阅读 · 0 评论 -
Roundabout旋转木马效果
Roundabout是一个能够轻易将规则的列表转换成各种不规则形式的JQuery插件。还可以做成旋转木马的形式 查看效果图 文章详情2013-11-23 12:49:15 · 183 阅读 · 0 评论 -
效果清新的水平方向ToolTip
今天为大家推荐一个功能虽少，但漂亮的JQuery Tooltip 插件。使用提要：我们需要 jQuery easing plugin 这个用于动画切换的插件。 查看效果图 文章详情...2013-11-22 11:02:15 · 70 阅读 · 0 评论 -
轻便提示插件tipTip
TipTip是使用HTML中的Title属性，换句话说，就是像本地浏览器提示那样使用的插件。然而，当我们使用TipTip的时候 ，这个浏览器title 将会被复制，然后在元素中移除以致于浏览器的提示工具会被隐藏，以免造成重复提示。此插件适用浏览器：IE7 & IE8, Firefox, Safari, Opera, and Chrome。12...2013-11-22 11:00:29 · 163 阅读 · 0 评论