![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
xjwolaile
这个作者很懒,什么都没留下…
展开
-
百度地图图层-20130923
1、地图图层概念地图可以包含一个或多个图层,每个图层在每个级别都是由若干张图块组成的,它们覆盖了地球的整个表面。例如您所看到包括街道、兴趣点、学校、公园等内容的地图展现就是一个图层,另外交通流量的展现也是通过图层来实现的。目前百度地图提供的图层包括:TrafficLayer:交通流量图层。2、添加和移除图层通过map.addTileLayer方法可向地图添加图层...原创 2013-09-24 00:14:50 · 388 阅读 · 0 评论 -
jQuery google日历练习-20130806
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input 4、通过循环来获得每天和每个星期都不一样 ...原创 2013-08-07 00:50:15 · 72 阅读 · 0 评论 -
jQuery google日历练习-20130805
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input 4、通过循环来获得每天和每个星期都不一样 ...原创 2013-08-06 01:25:39 · 92 阅读 · 0 评论 -
jQuery google日历练习-20130804
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input 4、通过循环来获得每天和每个星期都不一样 ...原创 2013-08-04 23:29:41 · 79 阅读 · 0 评论 -
jQuery google日历练习-20130803
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input 4、通过循环来获得每天和每个星期都不一样 ...原创 2013-08-04 02:57:59 · 99 阅读 · 0 评论 -
jQuery google日历练习-20130802
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input 4、通过循环来获得每天和每个星期都不一样5...原创 2013-08-03 00:24:31 · 112 阅读 · 0 评论 -
jQuery google日历练习-20130801
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来 2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几 3、将p标签加入到方法里面页面就值有4个标签两个div两个input4、通过循环来获得每天和每个星期都不一样(有点问题循...原创 2013-08-02 00:13:04 · 81 阅读 · 0 评论 -
jQuery google日历练习-20130731
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果二、我的想法 1、首先是要获得年月日和星期几然后在到需要显示的地方显示出来2、通过每个方法来获得年 月 日 和星期几但是星期几是需要-1才能获得正常星期几三、效果图[img]http://dl2.iteye.com/upload/attachment/0087/7037/64...原创 2013-07-31 23:35:27 · 80 阅读 · 0 评论 -
jQuery animate分页标签按钮鼠标悬停滑动展开分页按钮-20130730
1、效果及功能说明 animate动画分页按钮制作鼠标悬停分页按钮上滑动展开分页按钮,鼠标离开后分页按钮收缩2、实现原理 主要是靠动画方法,来让原本的箭头图像的长度发生变长,正好可以融入下标题的文字大小,当鼠标离开以后就会让箭头图像触发另一个动画效果让让标题消失和长度变回原来的大小。主要的方法 [code="html5"]$(this).animate(...原创 2013-07-30 23:09:18 · 175 阅读 · 0 评论 -
jQuery 对input的限制-20130727
1、效果及功能说明 有三个输入框每个输入框只能输入数字还要限定个数,第一个是年份二是月份三是日期 2、实现原理 我现在值做到了对三个输入框实行数字,和限定字数在后面还有判断2月份呀,一些比较特殊月份的控制,和日期的选定,跟输入框可以输入的数字的限制。 主要的方法 [code="html5"]//maxlength是限定字数 onKeypress判...原创 2013-07-27 23:06:01 · 145 阅读 · 0 评论 -
jQuery 侧栏与工具提示-20130726
1、效果及功能说明 当鼠标触及到标题就会触发一个侧显示框来告诉基础信息2、实现原理 主要是靠伪类来触发效果,当提示框从左边出来,让后显示出上面的信息,获得一个定义好的类来修改上面的字体等信息,当鼠标离开后自动回去,并且删除类,当鼠标触及到时多有动画停止,确保了不会有重复的出现主要的方法 [code="html5"]$(this).find("div")....原创 2013-07-26 23:50:50 · 98 阅读 · 0 评论 -
jQuery 竖直手风琴菜单收缩展示下拉菜单-20130725
1、效果及功能说明 框架制作两种非常简单的jquery手风琴菜单特效,鼠标滑过手风琴与鼠标点击触发手风琴2、实现原理 手风琴的效果一个是点击事件的效果一个触碰效果,都是当点击获得触碰触发添加一个让得显示的类后获得一个滑动效果让子类出现,当再次点击获得点击其他,和触及消失获得触及其他后当前的就会自动滑动消失,在删除掉展示的类主要的方法 [code="htm...原创 2013-07-25 23:40:43 · 726 阅读 · 0 评论 -
jQuery 倒计时 设置几天、小时、分钟、秒等属性只需修改到期时间-20130724
1、效果及功能说明 通过对时间的控制来告诉用户一个活动还剩多少时间,精确到秒2、实现原理 首先定义活动的截至的时间,要重年份精确到毫秒,在获得当前的年份到秒钟,在用截至时间,减去现在的时间,剩下的还有多少的时间就把还剩下的时间给显示出来就得出了离截止日期还有多久。主要的方法 [code="html5"]var startTime = new Date...原创 2013-07-24 23:31:11 · 715 阅读 · 0 评论 -
jQuery 分类搜索框带过滤器的搜索框-20130723
1、效果及功能说明 搜索框特效,制作一个jQuery分类搜索框,当鼠标点击搜索框时,会滑动展示分类菜单,点击选择/过滤分类菜单进行分类搜索2、实现原理 先是在输入框内当点击到input后在添加一个点击事件,展开选择框里面的多少可以打勾的buttom都定义一个事件,当打过勾就可以会的当前的值,在进行筛选,当鼠标离开展开框后,展开框的展开类被删除,展开框消失,和在input里面...原创 2013-07-23 23:26:43 · 339 阅读 · 0 评论 -
Bootstrap特性、设计和组件-20140519
特点Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件。响应式设计 responsive.less中提供了一组media query: 智能手机《=480px流式列,非固定宽度 垂直平板《=767px流式列,非固定宽度 水平平板》=768px默认》=98...原创 2014-05-19 22:22:33 · 130 阅读 · 0 评论 -
jquery初步认识-20140123
一、原型模式结构[code="html5"]// 定义一个jQuery构造函数var jQuery = function() { xxxxxxxxxx};// 扩展jQuery原型 jQuery.prototype = { xxxxxxxxxx};//上面是一个原型模式结构,一个jQuery构造函数和jQuery实例化对象的的原型对象...原创 2014-01-24 01:30:14 · 101 阅读 · 0 评论 -
jQuery google日历练习-20130819
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来现在已经循环出来24个小时和所有内容表格但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来还有的就是浮动框还没做出来,和点击的事件获得...原创 2013-08-20 08:07:18 · 116 阅读 · 0 评论 -
百度地图根据起终点名称驾车导航展示-20130922
1、效果及功能说明 在地图上显示出起点到终点的距离和路线 2、实现原理 通过用户在两个关键词组里面填写的关键词组和地图上的信息进行核对,当全部正确的时候规划出正确的走向提示 主要的方法 [code="html5"]//就是获得用户在哪里和需要去哪里的关键词组,在跟地图上的信息核对进行路线的规划driving.search("西土城", "魏公村");...原创 2013-09-22 23:58:22 · 461 阅读 · 0 评论 -
百度开放平云数据库-20130905
百度应用云数据库百度应用云数据库是什么百度应用云数据库支持MySQL MongoDB Redis提供丰富的应用场景支持关系数据库使用传统关系型数据库作为数据存储、管理方式的各类应用,包括各种C/S应用、网站、以及移动应用等。分布式存储用于处理海量、分布式数据的应用场景,例如海量日志数据的采集与存储,大规模用户行为数据的存储与分析,以及分布式文件存储等。...原创 2013-09-06 07:26:23 · 155 阅读 · 0 评论 -
百度开放平台云储存-20130904
百度应用引擎百度应用云储存是什么百度应用云储存是一个可以储存海量数据的一个地方云储存的鉴定海量数据存储支持任何类型数据(文本、图片、音乐、多媒体、日志、二进制等)的存储、分享及使用。静态网站托管提供扩展性强、稳定性好、安全快速、低成本的分布式网络服务,强大的ACL权限控制。超大文件永久存储支持最大2T的单文件存储,支持断点上传及下载功...原创 2013-09-05 01:14:59 · 138 阅读 · 0 评论 -
百度开放平台引擎-20130903
百度应用引擎百度应用引擎是什么Web应用和网站托管支持的语言有 PHP、Python、Node.js多场景服务致支持提供MySQL、内容抓取、排行榜、计数器、计划任务、人物队列、图像处理、缓存等全面服务,可满足应用开发的众多场景在移动端也可以实现百度应用引擎应用引擎:百度应用引擎可以提供多语言、有很好的服务端的运行环境,能帮助开发者快速开发并部署应用...原创 2013-09-04 00:48:52 · 104 阅读 · 0 评论 -
百度开放者平台简单的概括-20130902
百度开放平台百度开放平台是什么百度开放平台主要分为7个主要的项目元素1、百度数据开放平台介绍2、资源审核标准3、资源收录标准4、平台帐号5、添加新资源6、数据提交7、查看资源状况简单的概括这8个元素一、百度数据开放平台介绍这是一个新里理念是将新的技术和运营的里面,面对有着专业、权威、未定的合法数据信息站...原创 2013-09-03 00:06:39 · 164 阅读 · 0 评论 -
jQuery google日历练习-20130831
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 今天晚上只能做到的限度是将表格本身的当前id在表格的多个点击事件里跳出来,在装入参数里面传到入后面的方面里面,但是传入的方法有点问题。[code="html5"]$(document).ready(function(){ $("#input-two").click(fun...原创 2013-09-01 03:07:48 · 95 阅读 · 0 评论 -
jQuery google日历练习-20130830
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 今天搜索了一天的jquery找到了可以在一个方法里面写入多个不同的事件,到达同事处理的效果,想通过实现多个事件的方法让按钮获得表格的id但是还是不行[code="html5"]$(document).ready(function(){ $("#table-right td...原创 2013-08-31 02:27:22 · 83 阅读 · 0 评论 -
jQuery google日历练习-20130829
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法今天从新看一遍以前的写的代码 后在jquery也传入参数,参数可以传入但是在输出的时候写法不对页面没办法读取,明天打算去问问人到底怎么回事[code="html5"] $("#input-two").click(function(hour,i) { //这里是想获得表格的...原创 2013-08-30 00:02:44 · 93 阅读 · 0 评论 -
jQuery google日历练习-20130824
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来 现在已经循环出来24个小时和所有内容表格 但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来 还有的就是浮动框还没做出来,和点击的...原创 2013-08-25 03:16:19 · 83 阅读 · 0 评论 -
jQuery google日历练习-20130823
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来 现在已经循环出来24个小时和所有内容表格 但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来 还有的就是浮动框还没做出来,和点击的...原创 2013-08-24 00:50:26 · 92 阅读 · 0 评论 -
jQuery google日历练习-20130822
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来 现在已经循环出来24个小时和所有内容表格 但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来 还有的就是浮动框还没做出来,和点击的...原创 2013-08-23 00:01:50 · 86 阅读 · 0 评论 -
jQuery google日历练习-20130821
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来 现在已经循环出来24个小时和所有内容表格 但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来 还有的就是浮动框还没做出来,和点击的...原创 2013-08-22 00:38:35 · 92 阅读 · 0 评论 -
jQuery google日历练习-20130820
一、效果及功能说明 模仿google日历自己来完成一个日历的所有效果 二、我的想法 通过jquery来直接写入页面表格不需要在body里面写用循环直接在循环出来 现在已经循环出来24个小时和所有内容表格 但是内容表格还无法全部的分清楚,原本是上下两个不同的时间点但是现在会上半部分的全部显示完以后下半部分才显示出来 还有的就是浮动框还没做出来,和点击的...原创 2013-08-21 08:02:34 · 88 阅读 · 0 评论 -
jQuery text文本框限制字数或文本框提示字数-20130722
1、效果及功能说明 text文本框限制文本框字数,当text文本框内文字字数超出限制字数时,自动提示文字,已超出限制文字字数2、实现原理 先定义好限制字数,然后获得在input里面输入的字数,在将限制的字数减去当前的数字就剩下还可以输入多少字数,在字数满了后在下面会显示出不能输入,要是还没满的话在下方就会显示还剩下多少字可以输入主要的方法 [code="ht...原创 2013-07-22 23:43:53 · 417 阅读 · 0 评论 -
jQuery 表格可编辑修改表格里面的数值-20130721
1、效果及功能说明 表格特效制作jquery表格可编辑任意修改里面的数值,是一种比较人性化的用户设计体验方式2、实现原理 通过点击事件来触发跳出一个输入框可以在里面输入当这个输入框失去焦点后就把,所有值放到当前的input里面。主要的方法 [code="html5"]if(!$(this).is('.input'))//当点击了input后$...原创 2013-07-22 00:43:32 · 218 阅读 · 0 评论 -
jQuery 表单提交衣服尺寸选择勾选获取value值-20130720
1、效果及功能说明 表单提交制作各大商城衣服尺寸选择勾选效果,点击购物车提交勾选尺寸value值。一款简单实用的衣服尺寸选择勾选效果2、实现原理 通过查询当前的图片的id然后通过对应id找到在通过遍历后面说有尺码,找到相对应的尺码通过点击时间来触发,和当点击了以后添加一个类让点击以后出现在尺码的图标和其他的图标有明显的不一样让用户更好的知道自己选择了什么,在点击购物车的时候...原创 2013-07-20 23:28:34 · 262 阅读 · 0 评论 -
jQuery侧面浮动图片广告或滚屏图片广告-20130703
1、效果及功能说明图片广告制作一个侧面浮动图片广告特效,类似滚屏效果的图片广告2、实现原理是先后获得页面的高度然后在获得装有图片的块级元素的高度计算页面的高度除于2在块级元素高度除于2把最后获得高度值赋值给块级容器让块级容器始终保持页面高度居中的效果在滚动页面时候通过定义一个动画的效果让广告在0.4秒内移动到当前页面高度的中间3、效果图[img]http:/...原创 2013-07-04 00:23:15 · 202 阅读 · 0 评论 -
jQuery广告图片各大商城首页流行通栏广告图片-20130702
1、效果及功能说明 广告图片制作各大商城首页顶部通栏广告图片,默认下滑动展开广告图片大图,之后滑动收起展开广告小图 2、实现原理 定义图片隐藏图片和显示图片的时间1.5秒,在图片右上角的按钮上定义一定点击效果让点击了按钮后实现隐藏效果并在完全隐藏后显示原来图片的缩小版 缩小版全部显示出来后显示出另外一个按钮就是重播 在重播按钮上在定义一个点击效果这个效果是显示图片的效果当点击后...原创 2013-07-03 00:38:39 · 114 阅读 · 0 评论 -
jQuery仿麦包包商城图片滑动伸缩图片广告代码-20130701
1、效果及功能说明 仿麦包包商城网站首页全屏图片上下滑动伸缩图片广告代码,设置固定时间图片滑动伸缩的图片广告代码2、实现原理 先获得显示div的宽度高度自由在将两个图片放到div里显示每次只显示一张图片隐藏时间为1秒下一张显示时间为1秒全部显示和隐藏的动画用时2.5秒内完成显示的div会跟着图片的大小来调节div的高度,所以高度是自由的没有显示出来的图片是处于隐藏的一个状态...原创 2013-07-02 00:02:40 · 155 阅读 · 0 评论 -
jQuery hover图片列表上下滚动显示图片详细内容-20130630
1、效果及功能说明 hover鼠标滑过案例或产品图片列表,图片向上滚动显示图片详细内容,鼠标离开图片内容向下滚动显示案例或产品图片2、实现原理 设定原图的消失时间和后来图片的出现时间在定义一个伪类来触发这两个切换的效果在定义装有图片的div在div里的图片才能显示切换掉的图片会隐藏起来当鼠标移动开后原图回来原图移动时间是0.226秒切换图的显示时间是0.2秒3、效果...原创 2013-06-30 23:49:33 · 425 阅读 · 0 评论 -
jQuery scroll图片滚动菜单鼠标移动图片滚动-20130629
1、效果及功能说明 scroll图片滚动菜单通过鼠标移动在图片上左右移动来控制左右图片滚动或左后图片滚动2、实现原理 定义好显示div的高度和宽度将全部图片放进div里计算整体图片的宽度定义mousemove方法获得鼠标指针在页面中的位置,通过计算鼠标移动的位置和方法来让图片进行左右的移动当图片移动时多出div的图片将会被隐藏3、效果图 [img]http://...原创 2013-06-29 23:40:31 · 164 阅读 · 0 评论 -
jQuery高仿2012淘宝商城多格子焦点图滚动切换-20130628
1、效果及功能说明 图片滚动切换特效,高仿2012淘宝商城首页多格子焦点图切换,鼠标滑过焦点图片各个格子区域聚光灯效果展示 2、实现原理 在显示div的下面有一个按钮条在鼠标触及到按钮的时候会改变那妞的背景颜色作为辨识,后给按钮定义一个点击事件,让点击按钮后显示出相对应的图片,在没有点击的图片的情况下自动运行滚动的动画效果,每张图片的切换时间是3秒在点击按钮或者鼠标触及到图片上动画...原创 2013-06-28 23:43:20 · 113 阅读 · 0 评论 -
jQuery图像幻灯片上下滑动图片切换-20130627
1、效果及功能说明 图像幻灯片制作鼠标滑过缩略图显示相应的大图,让大图上下滑动切换,默认下图像幻灯片自动轮播 2、实现原理 自动切换小图片让大div获得切换小图片的路径让切换到的小图片能在大div里显示出来让图片定义一个2秒的动画效果让小图片通过动画的效果切换切换的小图片会有一个边框的样式改变来让用户知道现在是哪一张然后通过伪类来定义个鼠标触及的效果让鼠标触及到小图片动画停止大di...原创 2013-06-27 23:22:19 · 230 阅读 · 0 评论