码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-07-01 11:36:03      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

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

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

标签:

原文地址:http://www.cnblogs.com/i7758/p/4612528.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!