`
ddl1st
  • 浏览: 98775 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

20个真棒的jquery和css打造的图片动画效果(转)

 
阅读更多

JQuery帮助您改善您的网站架构。作为JavaScript框架的一部分,jQuery是不断更新的,目前已经更新到1.8,你看到大街上的广告牌,图片淡出,这个用jquery就可以实现,你看到有的网站每次刷新页面,背景图片每次都会变换,这个效果也可以用它来实现,等等,在这篇文章中,我为您介绍20真棒jQuery效果插件,你可以找到基于jQuery的一个新的CSS动画图片效果,以改善您的网站架构......!

1. Rotating Billboard System with jQuery

使用一些图片,CSS和jQuery创建两个广告效果的旋转广告牌。实现的效果是一个广告消失,另一个广告出现

 

演示   免费下载

2. Contextual Slide out

jQuery | CSS3实现的Slideout Tips,个性网页提示效果,用本效果的TIPS可以提示文字或图片,而且带点渐入渐出的动画效果,看上去过渡更自然,

 

演示   免费下载

3. JQuery Slider

这是一个高度可定制的jQuery滑块插件。你可以设置其宽度,高度,分页和其他参数。

 

演示   免费下载

4. Bubble Navigation with jQuery

利用jQuery创建一个具有冒泡效果的导航界面。当鼠标移过一些圆形导航图标时会释放一个汽泡。

 

演示   免费下载

5. Circulate

Circulate是一个可以让你的图片围绕你的页面进行旋转的jQuery插件。

 

演示   免费下载

6. Craft Map

一个轻量级的(6kb),完全可配置的jQuery插件,通过覆盖元素可以将简单图片转换成一个功能性的地图。

 

演示   免费下载

7. Face book Page Photo Gallery

在关于自己的页面上,展示你的头像特效照片。

 

演示   免费下载

8. Disruptive Talk

这个插件允许你的用户从你的网站上拨打你网站上留下的电话

 

演示   免费下载

9. Better Backgrounds

显示随机的背景图片每次用户刷新页面或者关闭浏览器重新访问,图片背景是全屏滚动或者是固定的图片

 

演示   免费下载

10. Glissejs

glisse.js是一个简单,反应迅速,完全可定制的jQuery图片浏览器。

 

演示   免费下载

11. Fancy Gallery Lite

 

演示   免费下载

12. 3D Sphere Using jQuery

我们将建立一个球体旋转取决于哪个方向移动鼠标.

 

演示   免费下载

13. Photo Zoom Out Effect with jQuery

Photo Zoom Out Effect with jQuery是一款很有意思的jQuery特效,支持鼠标移过放大当前图片。

 

演示   免费下载

14. Revealing Photo Slider

基于jquery的图片缩放特效,效果靓丽,图片切换平滑。

 

演示   免费下载

15. Sponsor Flip Wall With jQuery CSS

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

 

演示   免费下载

16. Image gallery with fancy transitions effects

一款非常棒的图片幻灯淡出渐进效果的插件,点击前后切换按钮,图片来回组合成一张大图片

 

演示   免费下载

17. zoomooz

Zoomooz.js 是一个易用的 jQuery 插件让网页的元素可进行优雅的缩放操作,特别适用相册网站

 

演示   免费下载

18. Easy Scroll

在任何情况下,有一个参数,可以使你的滚动产生独特的效果。

 

演示   免费下载

19. jQuery DJ Hero

jQuery DJ Hero 结合了jQuery和CSS3技术,你可以选择开始,加速或减速,目前还没有真实的音乐效果,不过在后期会提供,这个演示只能在支持CSS3的浏览器上工作,最新版本的Safari,Firefox,Chrome都支持。。

 

演示   免费下载

20. Rhinoslider

Rhinoslider是一款新发布的jQuery插件,它不单单提供非常可供选择的过渡效果,同时也允许你添加你自己的样式,效果及其特性

 

演示   免费下载

分享到:
评论

相关推荐

    jQuery+CSS3打造效果绚丽的跑车开场动画特效

    在本文中,我们将深入探讨如何使用jQuery和CSS3来创建一款引人注目的跑车开场动画特效。这个特效不仅展示了HTML5技术的强大功能,还让我们看到了JavaScript库jQuery和CSS3动画相结合所能产生的视觉冲击力。 首先,...

    js和CSS3图片碎片合成动画特效

    本资源"js和CSS3图片碎片合成动画特效"就是一个很好的例子,展示了这两种技术如何结合使用,创造出引人注目的视觉效果。 首先,JavaScript是一种轻量级的解释型编程语言,广泛应用于网页动态效果和用户交互。在这个...

    jQuery+CSS3打造效果绚丽的跑车开场动画特效.zip

    标题中的"jQuery+CSS3打造效果绚丽的跑车开场动画特效.zip"暗示了这个压缩包包含了一套使用jQuery和CSS3技术实现的动态跑车开场动画。这种特效通常用于网站的首页,以吸引用户注意力,增加用户体验。接下来,我将...

    jQuery+CSS3绚丽动画菜单.zip

    "jQuery+CSS3绚丽动画菜单.zip"这个资源正是为实现这一目标而准备的,它结合了JavaScript库jQuery和CSS3的强大功能,创造出一系列引人入胜的菜单动画效果。这篇文章将深入探讨jQuery和CSS3在构建动态菜单中的应用,...

    jQuery+CSS3镜像文字动画垂直导航菜单特效

    本示例中,我们将深入探讨一个结合了jQuery和CSS3技术的创新设计——"jQuery+CSS3镜像文字动画垂直导航菜单特效"。这个特效在用户将鼠标悬停在菜单项上时,会呈现出独特的文字镜像动画效果,为网站增添了一抹现代感...

    jQuery CSS3酷炫文字动画插件.zip

    这个"jQuery CSS3酷炫文字动画插件"正是利用了这一特性,通过编写JavaScript代码,结合CSS3的动画属性,如`transition`和`keyframes`,来实现多样化的文字动画效果。例如,文字的淡入淡出、旋转、缩放、移动等,都...

    jQuery和CSS3炫酷手机APP登录界面特效

    总的来说,"jQuery和CSS3炫酷手机APP登录界面特效"是一个结合了现代前端技术的实例,它展示了如何通过jQuery实现用户交互,利用CSS3创建视觉特效,以及使用SVG优化图形显示,从而打造一款吸引人的移动应用登录界面。...

    jQuery CSS3动画过渡效果特效.zip

    总的来说,"jQuery CSS3动画过渡效果特效.zip"是一个针对前端开发者的学习资源,它帮助开发者掌握如何利用jQuery的简便性和CSS3的强大动画能力来打造引人注目的Web交互。通过实践和理解这些示例,开发者可以提高自己...

    css3 clip属性和jquery打造响应式背景图片放大动画

    在本文中,我们将深入探讨如何使用CSS3的`clip`属性和jQuery库来创建一个响应式的背景图片放大动画效果。这种技术广泛应用于现代网页设计,为用户提供动态且引人入胜的交互体验。 首先,`clip`属性是CSS中用于裁剪...

    jquery插件库-css3打造的动画菜单.zip

    本资源“jquery插件库-css3打造的动画菜单.zip”显然关注的是如何利用jQuery插件和CSS3技术来创建吸引人的、具有动画效果的导航菜单。 首先,jQuery插件是jQuery库的扩展,它们是预编写好的代码片段,为开发者提供...

    CSS3文本框动画输入标签效果.zip

    "CSS3文本框动画输入标签效果"是一个巧妙地结合了jQuery和CSS3技术的特效,旨在提升用户在填写表单时的视觉体验和互动感受。这个特效的核心在于,它能够以动画的形式动态显示和隐藏输入框的标签,为原本静态的表单...

    jQuery+CSS3实现的多种鼠标点击动画效果源码.zip

    在实际应用中,开发者还可以通过jQuery的`.animate()`方法自定义动画,结合CSS3的变换和过渡,创造出无数种个性化的点击效果。同时,需要注意的是,虽然jQuery提供了便利,但过度依赖动态效果可能会对性能造成影响,...

    jQuery+CSS3情人节爱心动画特效.zip

    《jQuery与CSS3结合打造情人节爱心动画特效》 在网页设计和开发中,动态效果能够提升用户体验,增加网站的互动性和吸引力。"jQuery+CSS3情人节爱心动画特效"就是一个很好的例子,它结合了jQuery的强大功能和CSS3的...

    jQuery和CSS3炫酷3D翻转侧边栏特效

    《jQuery与CSS3结合打造的3D翻转侧边栏特效详解》 在现代网页设计中,动态交互和视觉...这个特效不仅展示了jQuery与CSS3的强大结合,也为开发者提供了学习和参考的范例,进一步推动了网页动态效果设计的创新与发展。

    jquery+css3实现的超酷动画效果Lightbox灯箱特效.zip

    Lightbox灯箱特效就是这一理念的生动体现,它利用jQuery的事件处理和DOM操作,结合CSS3的动画效果,为用户呈现了一个优雅、流畅的视觉体验。在实际开发中,我们可以根据项目需求,灵活调整和定制这一特效,以满足...

    jquery+css3图片查看器(水平滚动导航条).zip

    在这个项目中,CSS3主要应用于图片查看器的样式设计和动画效果。例如: 1. `transform`属性用于实现图片的平移、缩放等变换效果。 2. `transition`属性用于添加平滑的过渡效果,当用户切换图片时,动画效果更自然。 ...

    jQ CSS3图片展示动画特效.zip

    "jQ CSS3图片展示动画特效.zip" 是一个专门针对图片展示的解决方案,它结合了jQuery和CSS3的技术优势,利用GSAP(GreenSock Animation Platform)和ScrollMagic库来创建出令人印象深刻的滚动动画效果。 jQuery是一...

    jQuery+css3数字时钟效果 jQuery+css3数字时钟网页特效.zip

    《jQuery+CSS3数字时钟效果详解:打造动态网页时间显示》 在现代网页设计中,动态元素的应用越来越广泛,其中数字时钟效果是提升用户体验、增加页面互动性的重要手段。本篇将深入探讨如何利用jQuery和CSS3技术实现...

    jQuery和css3文字特效

    例如,CSS3的`transition`和`animation`属性可以控制元素的过渡和动画行为,而jQuery则负责在适当的时间点触发这些效果。 为了具体了解每种特效的实现,我们需要逐行解析HTML和CSS代码,查看如何设置文字样式、如何...

Global site tag (gtag.js) - Google Analytics