web前端的8款不同的jquery特效的源码及预览
8爱前端网 - Yang 发布于 2014-09-03
1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...
阅读(1822)赞 (0)
爱前端网 - Yang 发布于 2014-09-03
1.使用 FocusPoint.js 实现图片的响应式裁剪 通常网站的布局都不是单一的。例如图像在电脑、平板和智能手机上可能显示的形状是不同的。特别是如果你使用的是全屏图像,在你必须使用相同的图像文件的情况下,你的主题可能会被截断或完全缺失,或者看起来很尴尬。 FocusPoin...
阅读(1822)赞 (0)
爱前端网 - Yang 发布于 2014-09-02
Flexslider是一款基于的jQuery内容滚动插件。它能让你轻松的创建内容滚动的效果,具有非常高的可定制性。开发者可以使用Flexslider轻松创建各种图片轮播效果、焦点图效果、图文混排滚动效果。 Flexslider具有以下特性: 支持滑动和淡入淡出效果。 支持水平、垂...
阅读(2066)赞 (0)
爱前端网 - Yang 发布于 2014-09-01
1.高兼容性的jQuery高亮关键词搜索插件 高兼容性的jQuery高亮关键词搜索插件,在搜索框中输入要搜索的的字,下方就会出现当前输入字在文章中出现背景色。 在线演示 源码下载 2.jQuery响应式图片滚动播放插件 jQuery响应式图片滚动播放插件,jQuery响应式图片播...
阅读(1710)赞 (0)
爱前端网 - Yang 发布于 2014-08-29
1.jQuery仿海尔官网全屏焦点图特效代码 Query仿海尔官网全屏焦点图特效代码,带有左右箭头的jQuery焦点图切换特效。当焦点图切换时,下方的三块小图也相对应的进行切换。 在线演示 源码下载 2.非常炫酷的jQuery动态随机背景滚动特效 非常炫酷的jQuery动态随机背...
阅读(1703)赞 (0)
爱前端网 - Yang 发布于 2014-08-28
1.纯css3实现的超炫checkbox复选框和radio单选框 纯css3实现的checkbox复选框和radio单选框,效果超级炫。 在线演示 源码下载 2.css3和jquery实现的可折叠导航菜单(适合手机网页) 适合放在手机网页的导航菜单。点击列表图标以下拉式的形式显示...
阅读(1957)赞 (0)
爱前端网 - Yang 发布于 2014-08-26
1.jquery hover鼠标悬停品牌图片旋转动画展示 jquery hover鼠标悬停图片特效,品牌图片列表通过鼠标滑过品牌图片旋转动画展示,鼠标离开品牌图片旋转回来。非常适合做广告位展示! 在线演示 源码下载 2.jquery智能提示邮箱列表特效 jquery智能提示邮箱列...
阅读(1487)赞 (0)
爱前端网 - Yang 发布于 2014-08-25
HTML5非常酷,利用HTML5制作动画简直让我们忘记了这世界上还有flash的存在。今天我们要分享的一些HTML5动画都还不错,有些动画设计还是挺别出心裁的。另外,每一款HTML5动画都提供源代码下载,并且我们对源码作一些简单的分析。 1.纯css3实现的圆形旋转分享按钮 今天...
阅读(2157)赞 (0)
爱前端网 - Yang 发布于 2014-08-23
1.jQuery 3D圆盘旋转焦点图 支持鼠标滚轮 今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片。另外,这款jQuery 3D圆盘旋转焦点图插件还支持鼠标滚轮,可以让你更方便地浏览图片。 在线演示 源码下载 ...
阅读(2284)赞 (0)
爱前端网 - Yang 发布于 2014-08-22
jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便。HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQ...
阅读(3328)赞 (0)
爱前端网 - Yang 发布于 2014-08-18
jQuery是一个非常优秀的 JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择。其中,jQuery 最令人印象深刻的应用之一就是对图片的处理,它可以让帮助你在你的项目中加入各种精美的图片展示效果。下面向大家分享精心挑选的23款优秀 jQuery 图片特效插...
阅读(3417)赞 (0)
爱前端网 - Yang 发布于 2014-08-17
这里集合的这组 HTML5 & CSS3 效果,有的是网站开发中常用的、实用的功能,有的是先进的 Web 技术的应用演示。不管哪一种,这些案例中的技术都值得我们去探究和学习。 1、超炫的 HTML5 粒子效果进度条 我喜欢粒子效果作品,特别是那些能够应用于实际的,例如这个...
阅读(4851)赞 (0)
爱前端网 - Yang 发布于 2014-08-16
jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用。其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力。这里收集了10款很好用的 jQuery 图片滚动插件分享给大家。 1、Nivo Slider 首先推...
阅读(3715)赞 (0)
爱前端网 - Yang 发布于 2014-08-15
在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 1、超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效...
阅读(1744)赞 (0)
爱前端网 - Yang 发布于 2014-08-14
作为一个前沿的 Web 开发者,对于 HTML5 和 现在流行的3D技术或多或少都有掌握。前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手。这篇文章挑选了6个前沿的绚丽的3D展示效果,希望对你有所帮助。 1.3D...
阅读(2003)赞 (0)
爱前端网 - Yang 发布于 2014-08-10
1.jQuery时间轴插件:jQuery Timelinr 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery,可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。 在线演示一 在线演示二 在...
阅读(2383)赞 (0)
爱前端网 - Yang 发布于 2014-08-09
1.纯CSS3实现自定义Tooltip边框 涂鸦风格 这是一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自...
阅读(2174)赞 (0)
爱前端网 - Yang 发布于 2014-08-07
1.CSS3响应式导航菜单 今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单。此方法可以应用到有特别多的链接菜单项...
阅读(5577)赞 (1)
爱前端网 - Yang 发布于 2014-08-06
1.jQuery圆形统计图(百分比) 今天我给大家介绍一款圆形统计图circliful,它基于HTML5的画布和jQuery,无需使用图像轻松实现圆形统计图,而且有很多属性设置,使用起来非常方便。 在线演示 源码下载 2.jQuery年月日(生日)选择器 我们在编辑用户资料时经常...
阅读(2484)赞 (0)
爱前端网 - Yang 发布于 2014-08-04
1、HTML5 3D爱心动画 晚来的七夕礼物 七夕情人节刚过,今天小编却在国外的网站上看到一个利用HTML5和CSS3制作的3D爱心动画,莫非老外也过七夕?当然小编还是将这款HTML5 3D爱心动画收藏了起来,虽是晚来的七夕礼物,但还是可以讲这款爱心动画留到明年七夕再用嘛。大家可...
阅读(2316)赞 (0)
爱前端网 - Yang 发布于 2014-08-02
1、HTML5 Loading动画加载 五彩的圆环Loading 今天我们要分享一款基于HTML5的Loading加载动画特效,这款HTML5加载动画是一个五彩的圆环,圆环不停地转动从而体现加载正在进行。如果你感兴趣,可以查看这款HTML5 Loading动画的在线演示,效果还不...
阅读(2153)赞 (0)