![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
iteye_6992
这个作者很懒,什么都没留下…
展开
-
jquery插件的编写(放置于Github)
1:scrollDiv 点击div框使页面滚动到顶部或底部,可根据参数不同,创建不同的div样式;https://github.com/keimon/scrollDiv1.git2:创建表格,可以根据参数的不同,创建各种的表格样式;https://github.com/keimon/createTable.git3:创建滚动条;https://github.com/keimon/progr...2013-03-25 13:37:16 · 109 阅读 · 0 评论 -
分享到各网站-bshare
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-01-23 16:24:16 · 163 阅读 · 0 评论 -
列举jquery插件
使用过的jquery,持续更新1:图形插件:jqPlot插件 http://www.jqplot.com/2:图片旋转插件:jQueryRotate插件 http://code.google.com/p/jqueryrotate/3:图片懒加载插件:lazyload插件 http://www.appelsiini.net/projects/lazyload4:分项到各个网站:...原创 2013-01-22 17:24:02 · 158 阅读 · 0 评论 -
搜索提示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-22 15:26:52 · 111 阅读 · 0 评论 -
常见鼠标移入-隐藏内容-显示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-17 15:25:30 · 86 阅读 · 0 评论 -
柱状图-jquery
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-17 11:45:15 · 307 阅读 · 0 评论 -
仿一淘-气球背景效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><2013-01-16 15:33:35 · 158 阅读 · 0 评论 -
仿一淘今日价格幅度动画
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><2013-01-16 10:25:59 · 64 阅读 · 0 评论 -
两种图片360度旋转方法的比较
两种方式实现图片滚动,其中运用jquery插件的可兼容多种浏览器:1:运用jquery插件:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http...2013-01-15 17:19:06 · 472 阅读 · 0 评论 -
解析json数据
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-01-28 10:43:01 · 78 阅读 · 0 评论 -
两种瀑布流实现
1:使用插件 masonry<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...2013-01-28 17:20:39 · 114 阅读 · 0 评论 -
页面滚动定位效果
今天无意间看到了360导航-右侧页面滚动定位效果,发现他们做的火箭上升的效果挺有趣的,就模仿了一个类似的。在IE8,ff,opera中测试可以;具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional...2013-03-21 16:39:48 · 191 阅读 · 0 评论 -
jquery-简单插件编写
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-03-21 14:16:37 · 75 阅读 · 0 评论 -
jquery-选择城市
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-03-21 10:39:32 · 151 阅读 · 0 评论 -
鼠标移动形成选择框-选择checkbox
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-03-20 16:50:39 · 664 阅读 · 0 评论 -
仿天猫图片展示效果2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta2013-03-06 11:29:59 · 99 阅读 · 0 评论 -
学习 jquery-1.9 的API
1、deffered对象:http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html-------------------------------------------------------------------------------------------...2013-02-04 17:13:19 · 75 阅读 · 0 评论 -
常见三级菜单
核心jquery代码:$(function(){ $('.topH li').mouseenter(function(){ var that = $(this); var index = $('.topH li').index(that); $('.topH li').removeClass('activeLi').eq(index).addClass('...2013-01-31 16:55:28 · 81 阅读 · 0 评论 -
综合图片展示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-30 16:50:04 · 118 阅读 · 0 评论 -
仿天猫首页-滚动广告和分类列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-14 16:13:27 · 270 阅读 · 0 评论 -
仿天猫首页-产品分类
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><m2013-01-14 11:39:39 · 372 阅读 · 0 评论 -
仿银泰网,旗舰店品牌图片展示
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-12 14:54:47 · 129 阅读 · 0 评论 -
模拟滚动条
jquery插件:jquery.mousewheel.js <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or...2013-01-05 21:47:52 · 83 阅读 · 0 评论 -
简单三级目录
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h原创 2013-01-05 21:43:03 · 205 阅读 · 0 评论 -
元素的拖拽与重排
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul, li, div, span, img{margin2014-01-04 12:53:53 · 145 阅读 · 0 评论 -
iframe的一些用法
parent.html页面:<!DOCTYPE html><html><head> <title></title> <style> #if{background-color: #e1e1e1;} </style></head><bod原创 2013-11-20 10:23:58 · 108 阅读 · 0 评论 -
模拟下拉框
调用方式:$("select[data-class]").selectModel();;(function ($, window, document, undefined) { "use strict"; var pluginName = "selectModel", defaults = { effect: { ...2013-10-21 17:07:24 · 77 阅读 · 0 评论 -
2中跨浏览器placeholder实现
1: <style> .grey { color: #999; } .blue { color: blue; } </style><input id="t1" type="text" placeholder="请输入文字1" value="内容"/2013-09-18 17:06:39 · 98 阅读 · 0 评论 -
XMLHttpRequestd对象的abort()方法
<!--1.html中内容<div id="test"> 111</div>--><script type="text/javascript" src="jquery-1.9.1.js"></script><script>/*$.ajax 函数返回它创建的 XMLHttpReque2013-09-02 14:10:34 · 1321 阅读 · 0 评论 -
通过$.data判断,并执行函数
<select id="s"> <option>1</option> <option>2</option></select><script type="text/javascript" src="jquery-1.9.1.js"></2013-08-27 09:43:57 · 127 阅读 · 0 评论 -
模拟下拉框(select)
<!doctype html><html> <head><meta charset="gb2312"> <title></title> <script type="text/javascript" src="jquery-1.8.3.js">原创 2013-01-05 21:50:16 · 86 阅读 · 0 评论 -
简单侧边菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-06 14:38:30 · 69 阅读 · 0 评论 -
仿银泰网-产品分类列表
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-11 16:48:17 · 100 阅读 · 0 评论 -
垂直无缝滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-11 10:53:11 · 115 阅读 · 0 评论 -
仿天猫品牌街,无缝滚动广告
<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</ti2013-01-10 17:27:56 · 109 阅读 · 0 评论 -
仿天猫原创频道-品牌发展时间表-动画效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-10 11:57:35 · 81 阅读 · 0 评论 -
仿天猫购物街品牌展示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-09 20:53:27 · 110 阅读 · 0 评论 -
简单弹框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><me2013-01-09 11:50:41 · 89 阅读 · 0 评论 -
仿天猫图片展示效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta h2013-01-08 15:53:17 · 183 阅读 · 0 评论 -
图片放大镜效果
注释:* 测试兼容it8,ff,chome,其余浏览器未测试; * ff和chrome中需要设置图片的高度宽度;<!doctype html><html> <head><meta charset="gb2312"> <title></title> <scrip原创 2013-01-07 20:45:12 · 100 阅读 · 0 评论