jQuery.flipster——炫酷的3D轮播插件
下载地址: 点击下载 效果描述: 简单好用的立体式左右滚动banner焦点图效果 源代码没有任何图片,且CSS较为冗余,懒人站长已经做过优化,方便懒人们使用 使用方法: 1、将CSS引入到你的页面中,保证命名不冲突 2、将index.html中代码部分拷贝到你需要的地方即可
Tdrag.js:轻松拖拽,随心所欲。
下载地址: 点击下载 效果描述: 在网页中我们经常要用到拖拽效果,无论是pc客户端还是手机页面 今天再次给大家推荐一个非常好用的插件 简单好用,无需懂js的小白即可使用 使用方法: 保证页面引入jQuery以及本插件的基础上,然后将你需要拖动的div的class如此一下 例如:$(".lanren").Tdrag();
数字翻页,动感立体,惊艳你的视觉。
下载地址: 点击下载 效果描述: 一个简单有效的jQuery文字翻转效果 可以模拟时钟翻转的效果 使用方法也非常简单 使用方法: 1、将CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
让内容绽放二维码的魔力
下载地址: 点击下载 效果描述: 一个非常简单易用的原生插件——qrcode.js 可以不依赖后台的基础上直接将你的内容生成二维码格式,供给移动端扫描 若输入框不输入内容,则默认生成 “http://www.lanrenzhijia.com”内容 可以进入js将默认值修改下即可 使用方法: 1、将CSS样式拷贝到你的网页中...
用jQuery实现百度搜索下拉匹配,让搜索更智能。
下载地址: 点击下载 效果描述: 一个jQuery插件,可以模仿搜索引擎,输入关键词,底部下拉显示更多匹配内容的效果 也类似淘宝、京东这种大型购物类网站搜索的效果 使用方法: 1、将head中的CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
惊艳的软键盘UI设计
下载地址: 点击下载 效果描述: 一个非常简单易用的jQuery插件,在高版本浏览器下 当你鼠标定位在输入框中的时候,它就会弹出来在网页右下角 非常漂亮的苹果风格 当然,它并不支持手机版 适合pc版需要的软键盘 使用方法: 1、将CSS中的样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可 (注意保...
用jQuery实现多种鼠标悬停后文字特效,让你的网页更有灵魂。
下载地址: 点击下载 效果描述: 鼠标移动到文字上面,显示各种小动画效果,非常不错 使用方法: 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
响应式左右全屏轮播插件,美轮美奂。
下载地址: 点击下载 效果描述: 基于jQuery实现的左右全屏效果,同时也是响应式效果 缺点是引入的文件比较多,注意别搞错了 使用方法: 1、将CSS中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
点击翻转,感受不一样的世界。
下载地址: 点击下载 效果描述: 很不错的文字列表,更多部分隐藏起来 列表底部两个按钮,点击向上或者向下按钮文字列表都会滚动,效果很不错 使用方法: 1、将style中的样式拷贝到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可
推荐一款逼真的雪景效果
下载地址: 点击下载 效果描述: 之前推荐过一款下雪的jQuery插件 之前的那款下降速度比较缓慢,今天推荐的这个下降速度比较快,大雪哇 使用方法: 1、将index.html中的样式复制到你的样式表中 2、将body中的代码部分拷贝到你需要的地方 (注意保持图片、js文件路径的正确性)
妙趣横生的折叠导航动画。
下载地址: 点击下载 效果描述: 一个常见的老生常谈的效果 垂直方向可以展开或者折叠的菜单导航代码效果 在折叠的同时带有些许动画效果,看起来很不错 兼容性主流浏览器 使用方法: 1、引入head部分的CSS代码 2、将body中的代码部分拷贝到你需要的地方 (注意保持图片、jQuery文件路径正确)
滚动加载,让你畅享无限。
下载地址: 点击下载 JQUERY党注意: 打开MingGe_Min_1.8.2.js ,把文件拉到尾部 MingGe_Min_1.8.2.js 找到 (window,"$"); 把“$”改为其他名称,否则和JQUERY冲突了 改完后把接口 $的符号也相应改一下,如 $("img") 和 $(window...
倒计时神器——jQuery.downCount
下载地址: 点击下载 效果描述: 今天特意发现一个非常不错的jQuery倒计时插件 只要引入jQuery,然后引入此插件,最后在js中写入截止日期,即可实现 使用方法: 1、将head中的css样式引入到你的网页中(在head里) 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径的正确性)
用jquery.eraser插件实现温馨擦拭效果
下载地址: 点击下载 效果描述: 基于jQuery的一款插件——jquery.eraser.js 它可以模拟橡皮擦擦拭的效果 使用方法: 1、将head中的js以及css样式引入到你的网页中(在head里) 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径的正确性)
插件揭秘:textarea光标位置。
下载地址: 点击下载 效果描述: 记得做前端这一块,很多时候需要判断textarea输入框下的光标位置 比如要在输入的文档中插入一些表情符号,图片之类的,这个时候在插入文字之前, 就需要先判断光标的位置了。今天就特意给大家推荐这样一个小方法,已经集成为插件的形式 就不会有冲突的情况发生了 使用方法: 1、将head中的样式...
浓情版jquery评分列表
下载地址: 点击下载 效果描述: 这是从国外直接复制过来的一款jquery评分特效 附件提供了8种效果 使用方法: 1、将head中的样式复制到你的样式表中 2、将body中的代码部分拷贝过去即可 (注意保持文件路径正确)
用jquery实现城市列表按字母排序,让你的城市选择更加便捷。
下载地址: 点击下载 效果描述: 我们在用手机APP的时候,经常碰到这样一个根据字母排序定位页面位置的样式 想起来挺难的,其实只要一个插件,它可以自己判断你的汉语拼音首字母 然后自动排序,点击右侧字母自动定位当前位置 使用方法: 1、将head中的样式引入到网页中 2、将body中的代码部分拷贝过去即可 (注意保持图片路径...
优美的顶部下滑提示框
下载地址: 点击下载 效果描述: jquery.messagebox.js插件,一个基于jquery的弹窗插件,ui效果设计不错 典型的轻量级的,附件提供了四种常用的弹窗效果 每次弹出或者收回的效果均是从顶部下拉或者反弹回去 使用方法: 1、将head中的样式引入到网页中 2、将body中的代码部分拷贝过去即可
华丽滑动,全屏多图banner。
下载地址: 点击下载 效果描述: slide.js插件,基于jquery的一款banner焦点图播放效果的插件 市场上使用率很广泛,可以不断变换着花样 使用方法: 1、将css样式引入到你的网页中 2、将body中的代码部分拷贝到你需要的地方即可 (注意保持文件路径正确)