jquery 特效专辑
提示框弹窗类
Facebox 是一个基于jQuery,Facebook-style的lightbox。能够展示示images,divs或者整个远程页面 。
SimpleModal
SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。
jTip
jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单,只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。
jTip
BetterTip
一个可以自定义Tooltip的jQuery插件。基于jTip,但比它来得更加灵活。
BetterTip
clueTip
clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时,它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取,也可以从当前页面中的元素中获取。
clueTip
jQuery lightBox plugin
一个简单,强大基于jQuery开发的lightBox控件。
jQuery lightBox plugin
jQuery Impromptu
用于创建模式对话框,确认对话框,输入内容对话框的jQuery插件。
jQuery Impromptu
jQuery.UI Messenger"Outlook like message notification Widget
这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。
jQuery.UI Messenger"Outlook like message notification Widget
FancyBox
基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果,对于一组相关的图片添加导航操作按纽,该Lightbox除了能够展示图片之外,还可以展示iframed内容, 通过CSS自定义外观。
FancyBox
Coda Popup Bubbles
采用jQuery开发,类似“冒泡”效果的提醒弹出框。
Coda Popup Bubbles
jGrowl
jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。
j Grow l
jqWindowsEngine
这个jQuery插件能够帮助你轻松创建Ajax Windows。
jqWindowsEngine
jQuery Alert Dialogs
这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。
jQuery Alert Dialogs
BeautyTips
BeautyTips是一个jQuery Tooltip插件.
BeautyTips
色彩选择器类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Farbtastic
Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件,然后每个控件关联到页面中的一个元素比如:文本输入框。
Farbtastic
jQuery Color Picker
一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。
jQuery Color Picker
iColorPicker
iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。
iColorPicker
热点图书:www.hotbook.cn
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
右键菜单类
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ContextMenu
用于创建右键弹出菜单的jQuery插件。
ContextMenu
图片新闻flash展示类
imgAreaSelect
imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。
imgAreaSelect
Easy Slide
EasySlide 是以jQuery为基础开发的一个图库展示插件,EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示,并加上鼠标指向时的暂停效果(Pause),可以当作图库展示或是动画及广告Banner使用。
Easy Slide
Easy News
Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件,可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果,调整显示速度,可自行修改CSS改变您为喜欢的风格。
Easy News
Easy News Plus
Easy News Plus是基于Easy News开发,滚动式新闻或图文内容展示的jQuery插件,但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。 Easy News Plus
jQZoom
基于jQuery开发的图片放大镜插件。
jQZoom
jQuery Plugin: Text Highlight
利用javascript对页面中的关键字进行着色的jQuery插件。
jQuery Plugin: Text Highlight
jCarousel Lite
这个jQuery插件能够帮助你以滚动(carousel)的方式来组织图片和其它内容。
jCarousel Lite
jCarousel
jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序,列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。
jCarousel
Spacegallery-Jquery
一个采用jQuery开发,类似于Flash效果的图库(image gallery)。
Spacegallery-Jquery
jQuery Slider Gallery
这是一个基于jQuery开发相册控件,类似于Apple网站上用于展示产品的效果。
jQuery Slider Gallery
jQuery Cycle Plugin
jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果:shuffle、zoom、fade、turnDown、curtainX、scrollRight。
jQuery Cycle Plugin
Zoomimage
该jQuery插件能够让以当前流行的方式来展示图片。提供:预加载图片提示,对图片进行分组,自动调整图片显示比例,图片分组浏览控制。
Zoomimage
prettyPhoto
prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果,图库浏览等特性。
prettyPhoto
ThickBox
ThickBox是一个模式对话框UI控件。基于jQuery开发,可以用来展示单张或多张图片,内嵌的内容,iframed的内容,或通过Ajax获取的内容。
ThickBox
Galleria
Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件,因此可以在图片加载时执行一些动作。
Galleria
jQuery Flash Plugin
一个jQuery插件用于在页面中嵌入Flash影片。
jQuery Flash Plugin
jQuery.SerialScroll
jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件,支持水平/垂直方向滚动和混合滚动效果。
jQuery.SerialScroll
InnerFade
InnerFade这个jQuery插件能够让任意一组元素(img,div等)实现淡入淡出播放效果。
InnerFade
NyroModal
一个基于jQuery开发,非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容,改变对话框大小等。
NyroModal
CrossSlide
CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如:动态地移动、缩放、渐变、滑入"滑出等。
CrossSlide
Magnify
Magnify是一个能够在图片上添加放大镜功能的jQuery插件。
Magnify
Img Notes
用于当鼠标移到图片是时,显示一个信息提示框。
Img Notes
FancyZoom
FancyZoom采用缩放效果来展示图片或任意HTML页面,不需要另外开启页面来载入图片,其效果在Apple Mac的官方网站中也有。
FancyZoom
Jcrop
Jcrop 是一个跨浏览器的jQuery图片剪切插件(jQuery image crop plugin )。支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。
Jcrop
Galleriffic
Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看,也可以手动点击缩略图查看。Galleriffic还支持分页,从而使得它能够展示更多的图片。
Galleriffic
Image Upload and Auto Crop
采用PHP+jQuery开发的图片上传和剪切(Crop)工具。
Image Upload and Auto Crop
prettyGallery
prettyGallery是一个图库导航控件Slider。基于jQuery开发,除了可以导航图片之外,还支持其它任何内容。可以配置导航滚动速度和图片标题说明。
prettyGallery
jQuery.popeye
jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图 片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。
jQuery.popeye
s3Slider
s3Slider 是一个jQuery slideshow插件,效果类似于 smooth slideshow 。
可以在图片上的任意位置,透明显示当前所放映图片的说明信息。
s3Slider
Pirobox
采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。
Pirobox
Simple Controls Gallery
这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。
Simple Controls Gallery
Agile Carousel
Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示,添加文本水印等功能。
Agile Carousel
jQuery Plugin-Page Peel
这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。
jQuery Plugin-Page Peel
Easy Slider
一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。
Easy Slider
imgPreview
图片预览jQuery插件。当鼠标移到图片链接上时,会在链接的旁边出现一个类似于tooltip效果的图片展示框。
imgPreview
Jquery Fade In.Fade Out
这是一个用于让图片产生淡入淡出效果的jQuery插件。
Jquery Fade In.Fade Out
Captify
这个jQuery插件能够在图片上显示标题信息,当鼠标放到图片上时滑动出现。
Captify
jParallax
这是一个用于生成视差现象的jQuery插件。 mParallax 能够产生的效果与jParallax一样但采用Mootools框架开发。
jParallax
jQuery---运用图片预加载技术打造幻灯片
截图:
一些演示: http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo2.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo2/demo3.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo3/demo4.html
http://www.cssrain.cn/demo/jQueryImgLoad/Demo1/demo1.html (以前做的,非预加载)
下载: http://www.cssrain.cn/demo/jQueryImgLoad/jQueryImgLoad.rar
jQuery pageSlide
jQuery pageSlide 是一个jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就弹出来。再次点击隐藏页面以外的空间,它就又关闭。
这适合在有限的空间里,在主页里放重要内容,而隐藏页放一些并不一定要显示,而是有需要的用户才去展开显示的内容。
Creating a Slick Auto-Playing Featured Content Slider
Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,实现我们常说的”图片焦点特效”。多用于门户站。
Portfolio Layout Idea Using jQuery
非常漂亮的一个特效布局。由 Benjamin Sterling 创建的这个 portfolio layout 使用了jQuery的 easing plugin. 适合那些想用来展示个人作品集的用户。
它在页面两边显示带缩略的作品列表,当你点击每个条目时,会在中间部分以退场然后进场的特效呈现出该作品的全部内容。
jQuery---图片先模糊后清楚 http://www.hotbook.cn/
很多图片网站用了这种技术,Google图片中心也不例外。
这种技术的图片是先显示模糊的,然后再显示清楚的。
这个模糊的原理就是 一张小图片,然后把尺寸放大,大小等于大图片的宽度和高度。
小图片被拉大了,理所当然就模糊了。
试想:小图片的尺寸是10kb,大图片的大小是500kb,那么加载小图片的速度就是大图片的50倍。
当然你会说,如果直接显示大图片是什么情况呢?答案是:一片空白等着你。
演示: http://www.cssrain.cn/demo/loadImages/loadimages.html
使用jQuery实现网页报纸
演示: http://www.cssrain.cn/demo/jquerynewspager/demo.html
原理:使用报纸内容作为 背景图,相对定位。
然后里面的div设置为绝对定位,大小,left和top都要跟背景图匹配。
所以这个有一定的规律。
下载: http://www.cssrain.cn/demo/jquerynewspager/jquerynewspager.rar
jquery 特效专辑相关推荐
- 10个经典而简单的jQuery特效设计在线演示
jQuery对我们web开发者来说绝对是最经典.最有价值的一个框架之一了,因为他真正让我们感受到了write less,do more的至高境界.前段时间,我也陆续向大家介绍了一些有关jQuery的资 ...
- Android特效专辑(十二)——仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View...
Android特效专辑(十二)--仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View 先来看看这个效果 这是我的在Only上添加的效果,说实话,Only现在都还只是半成品,台面都上不了,怪自己技术 ...
- jQuery特效 | 导航底部横线跟随鼠标缓动
jQuery特效 | 导航底部横线跟随鼠标缓动 2月初,接收到了公众号读者的效果需求,希望能够讲解这样一个实例: 横排的导航,下边框是一条横线,随着鼠标移入某个导航,横线滑动到相应位置. 今天就针对该 ...
- Android特效专辑(八)——实现心型起泡飞舞的特效,让你的APP瞬间暖心
Android特效专辑(八)--实现心型起泡飞舞的特效,让你的APP瞬间暖心 马上也要放年假了,家里估计会没网,更完这篇的话,可能要到年后了,不过在此期间会把更新内容都保存在本地,这样有网就可以发表了 ...
- jQuery 特效:盒子破碎和移动动画效果
今天,我们将创建一个使用 jQuery 制作的非常甜蜜的动画效果.我们的想法是在网站的顶部有小盒子,当一个菜单项被点击时,箱子动画形成的主要内容区域分散在各处.我们会用一些不同的动画效果,我们将为菜单 ...
- Android特效专辑(十二)——仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View
Android特效专辑(十二)--仿支付宝咻一咻功能实现波纹扩散特效,精细小巧的View 先来看看这个效果 这是我的在Only上添加的效果,说实话,Only现在都还只是半成品,台面都上不了,怪自己技术 ...
- Android特效专辑(六)——仿QQ聊天撒花特效,无形装逼,最为致命
Android特效专辑(六)--仿QQ聊天撒花特效,无形装逼,最为致命 我的关于特效的专辑已经在CSDN上申请了一个专栏--http://blog.csdn.net/column/details/li ...
- Android特效专辑(一)——水波纹过渡特效(首页)
Android特效专辑(一)--水波纹过渡特效(首页) Android特效专辑(一)--水波纹过渡特效(首页) 也是今天看到的一个特效,感觉挺美丽的,近期也一直在筹划一个APP.就想把他当做APP的首 ...
- 力荐 75种jquery特效 一键下载 用过挺好的
最近"杜圃"对IT的web前端开发特别感兴趣,于是就在搜索网页特效代码,发现jquery这个框架非常好使,于是就迷上了jquery特效,不断的收集jquery的一些简单的网页常用的 ...
最新文章
- iframe自动调整高度能在IE5里实现吗
- 奇异值的物理意义是什么?强大的矩阵奇异值分解(SVD)及其应用
- Linux Shell常用技巧(目录)
- ARM再次表态:不会向华为断供芯片技术
- 将 Docker 踢出群聊后,Kubernetes 还能否欢快地蹦跶吗?
- 网页设计过程中一般命名规则
- bits/stdc++.h头文件总结
- vc++网络安全编程范例(14)-openssl bio编程
- 编程判断元素归类_编程练习-判断是否为易混淆数
- 【网络信息安全】Web 安全
- Flutter入门一——W7环境下使用VSCode配置Flutter开发环境(脱离Android Studio安装)...
- 一百行代码自制局域网双端快速传输文件系统
- 【GO】panic: reflect.Value.Interface: cannot return value obtained from unexported field or method
- 抖音流量密码时间段,一天中这个时候发推荐几率大
- 这项Avatar专利,让我看到了未来苹果生态与AR/VR头显的融合
- vue取数据库中的数据_Vue 数据怎么获取使用外部的数据
- 为什么很多人吐槽谭浩强的C语言程序设计,端碗吃饭放碗骂娘?
- 计算机专业370,2018复旦计算机专硕初试370+经验贴(更新部分内容)
- 小强在用计算机计算968,最新苏教版三年级数学下册第四单元测试题及答案3套...
- 计算机毕业设计Python+djang的小区疫情防控系统(源码+系统+mysql数据库+Lw文档)
热门文章
- 10 QM配置-检验计划配置-维护检验批来源并分配检验类型
- getclass方法_防止数据重复提交的6种方法(超简单)!
- C语言 sprintf实现
- mysql php 流式读取_PHP MySQL 读取数据
- 华为政企云副总裁 年薪_看好“新基建”华为云战略投入政企市场
- 爬虫模拟登陆手机验证码_爬虫入门到精通-headers的详细讲解(模拟登录知乎)...
- java简单的复数类_Java练习 SDUT-4303_简单的复数运算(类和对象)
- 升级 项目跑不起来_不做“睡城”!嘉定新城“十四五”加速度,产城融合跑起来,远香湖,看好你...
- knime实现python编写脚本
- safari使用canvas引入域外的图片