web前端的十种jquery特效及源码下载

1.纯CSS3实现自定义Tooltip边框 涂鸦风格

这是一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。

在线演示

源码下载

2.jQuery矢量SVG地图插件JVectorMap

JVectorMap是一款基于jQuery的矢量地图插件,它是基于SVG结构的,和其他jQuery地图插件不同的是,jVectorMap是矢量地图,但是它同样支持地图缩放和地图平面移动等相应的功能。由于JVectorMap是基于jQuery的,所以支持大部分主流的浏览器,应用也相当广泛。

在线演示

源码下载

3.jQuery仿QQ登录表单弹出窗口

这是一款基于jQuery的弹出窗口插件,它是仿QQ的登录表单,只要点击登录链接,即可弹出登陆表单窗口,当我们在表单上点击切换按钮时,即可在登录和注册表单之前切换,可以允许用户在不跳转页面的情况下进行登录和注册操作,非常实用。

在线演示

源码下载

4.页码可滚动的jQuery分页插件jPaginate

jPaginate是一款基于jQuery的分页插件,这款jQuery分页插件有一个特点,就是随着鼠标点击页码,页码会向前或向后滚动,效果非常不错。而且,这款jQuery分页插件提供了多种样式风格,你也可以自己利用CSS来定义不同的分页样式。

在线演示

源码下载

5.jQuery分页插件jqPagination 可自定义输入页码

jqPagination是一款基于jQuery的分页插件,这款jQuery分页插件非常实用,不仅可以上下翻页,而且也支持第一页和最后一页的翻页。另外,jqPagination还支持自定义输入页码来跳转到任意页。jqPagination分页插件的UI外观也比较漂亮,分页按钮不仅大气,而且还有渐变的颜色,看起来很简单,你可以将jqPagination应用在自己的个人博客上。

在线演示

源码下载

6.一款基于jQuery的颜色拾取器

颜色拾取器(又名取色板)是为了方便用户在一些需要使用颜色的WEB应用中直观的选择所需的颜色,如论坛发帖时使用的编辑器中就应用到了颜色拾取器。本文将给大家介绍一款非常好用的基于jQuery的颜色拾取器,它可以轻松便捷的应用到你的项目中去。这款颜色拾取器的名称叫bigcolorpicker,使用这款颜色拾取器,可以通过点击页面中的目标元素,直接获取颜色值,方便快捷。

在线演示

源码下载

7.jQuery实现页面滚动时元素智能定位

我们玩网页微博时,消息提示框一直会出现在页面右上方,即使下拉滚动条它都会浮动定位在右上方,直到你关闭小时提示框。类似的效果在淘宝商品详情页面上也有,当我们下拉滚动页面时,用来导航切换的”宝贝详情”、”交易详情”等一排按钮会一直出现在浏览器顶部,方便我们切换导航。本文将以淘宝网商品详情的简易导航为例,和大家一起分享通过jQuery和CSS实现页面元素(要浮动的层)智能定位的效果。

在线演示

源码下载

8.基于jQuery+JSON的省市联动效果

省市区联动下拉效果在WEB中应用非常广泛,尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述,利用jQuery插件,通过读取JSON数据,实现无刷新动态下拉省市二(三)级联动效果。

在线演示

源码下载

9.PHP+jQuery+Ajax+Mysql实现发表心情功能

我们在浏览网站文章或帖子后,需要表达自己浏览后的心情感受,在很多网站都提供了给用户发表心情的功能,通过这个功能可以直观统计分析文章或帖子的浏览者的心情感受数据。在本文中,您将了解到,如何实现通过点击心情图标,即刻发表自己的心情。

在线演示

源码下载

10.超酷的固定菜单页面滚动效果

在一个单页面设置一个主菜单,当页面滚动时主菜单位置固定在页面窗口中不动,或左或右,或上或下。当单击菜单项时,页面滚动到菜单对应的内容区,当页面滚动到预定内容位置时,对应的菜单项变为当前选中样式。此效果可以应用在一些内容比较长的单页设计,本文将介绍使用JjQuery和css来实现这一效果,demo中分别有菜单居左、居右及底部效果,点击demo看效果:

在线演示

源码下载

本文固定链接: http://www.i7758.com/archives/1581.html

时间: 2024-11-09 02:46:36

web前端的十种jquery特效及源码下载的相关文章

10款web前端基于精美jQuery插件及源码

1.使用 SVG 制作单选和多选框动画 通过 JavaScript 实现 SVG 路径动画,我们可以做很多花哨的东西.今天我们要为您介绍一些复选框和单选按钮效果.实现的主要思路是隐藏原生的输入框,使用伪元素创造更具吸引力的样式,输入框被选中的时候执行 SVG 动画. 在线演示 源码下载 2.PHP+jQuery+Ajax多图片上传 今天我给大家分享的是在不刷新页面的前提下,使用PHP+jQuery+Ajax实现多图片上传的效果.用户只需要点击选择要上传的图片,然后图片自动上传到服务器上并展示在页

7款基于jquery的web前端的效果预览及源码下载

1.纯css3简单实用的checkbox复选框和radio单选框 简单实用的checkbox复选框和radio单选框.界面清淅.舒服. 在线演示 源码下载 2.jQuery实现重力弹动模拟效果特效 jQuery实现重力弹动模拟效果特效,鼠标经过两块黑色div中间的红色线时,下方的黑快会突然掉落,并在掉落地上那一刻出现了弹跳的jquery特效效果,非常不错. 在线演示 源码下载 3.基于jQuery打造的选项卡向上弹出jquery焦点图切换特效 基于jQuery打造的选项卡向上弹出jquery焦点

6个绚丽时尚的Web前端3D效果展示(附源码)

作为一个前沿的 Web 开发者,对于 HTML5 和 现在流行的3D技术或多或少都有掌握.前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手.这篇文章挑选了6个前沿的绚丽的3D展示效果,希望对你有所帮助. 1.  3D自由立体旋转现实物理效果 3D自由立体旋转是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的3D自由立体旋转运动.玩法介绍:可以随意拖动鼠标.按住鼠标左键选中旋转物体.或者按住鼠标

3种精美Web前端搜索框展示(附源码)

1.  jQuery按栏目搜索框代码 赶紧来体验一下. 源码下载/  在线演示 2.  CSS3带凹槽搜索框 这个插件集成了一些非常好的 JavaScript 库,提供一个方便使用的文本动画插件. 源码下载/  在线演示 3.jQuery视频侧边隐藏搜索框 jquery实现的,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发. 源码下载 /   在线演示 3种精美Web前端搜索框展示(附源码)

3种精美Web前端搜索框展示(附源码)(二)

4.  CSS3响应式伸缩搜索框 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载 /   在线演示 5.  css3带搜索框下拉菜单 源码下载 /   在线演示 6.  jQuery当乐网搜索下拉框 源码下载 /   在线演示 3种精美Web前端搜索框展示(附源码)(二)

几种非常精美的Web前端标签效果展示(附源码)(上)

1.  Tag标签管理jQuery插件 玩法介绍:可以随意拖动鼠标.按住鼠标左键选中旋转物体.或者按住鼠标滑轮放大或者缩小,有不同的效果,赶紧来体验一下. 源码下载  /  在线演示 2.  jquery标签回车自动完成 这个插件集成了一些非常好的 JavaScript 库,提供一个方便使用的文本动画插件. 源码下载 /  在线演示 几种非常精美的Web前端标签效果展示(附源码)(上)

几种非常精美的Web前端标签效果展示(附源码)(下)

3. jquery自定义添加标签 jquery实现的,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发. 源码下载/   在线演示 4.  jquery标签云无规则样式 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示 5.  jQuery metro风格的文字标签云 源码下载/  在线演示 几种非常精美的Web前端标签效果展示(附源码)(下)

10款基于jquery的web前端特效及源码下载

1.jQuery时间轴插件:jQuery Timelinr 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程.大事件等场景.该插件基于jQuery,可以滑动切换.水平和垂直滚动.支持键盘方向键.经过扩展后可以支持鼠标滚轮事件. 在线演示一 在线演示二 在线演示三 源码下载 2.使用Ctrl+Enter提交表单 我们发表微博或论坛发帖时,在内容输入框中输入完内容后,可以点击 提交 按钮来发表内容.可是,如果你够 懒 ,你可以不用动鼠标,只需按住键盘上的Ctrl+Enter

10款web前端优秀的jQuery特效插件

1.jQuery鼠标悬停文字渐隐渐现动画效果 这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码,是一款鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然,用户体验较好.是一款比较优秀的特效源码.该源码兼容目前最新的各类主流浏览器. 在线演示 源码下载 2.jquery基于small2big实现的图片突出显示特效 这是一款基于Jquery的small2big插件实现的图片突出显示特效源码,鼠标滑过图片可实现图片的放大突出显示效果,有