- 博客(34)
- 资源 (3)
- 收藏
- 关注
RSS订阅转载 JQuery实现Ajax加载图片
最近在学习JQuery，想从原理上模拟一下无刷新的相册浏览。最先想到的思路是利用缓存，也就是先显示提示消息，然后get图片，在get完的时候回调，将img标签的src改掉，由于刚刚get过，有了缓存，所以图片会立刻显示出来。页面元素：正在加载……按钮的事件绑定：$(".picbtn").click(function(){NextPic();});定义了一个数组PicArr用
2012-08-28 17:52:42
17474
1
转载 【转】JQuery实现页面随滚动条滚动而动态加载内容的效果
新浪微博有这个功能,刚才思考一下 ,简单的写了一下实现方法,代码是Js的. 无可否认,这种方式应该算是web2.0的产物,在用户体验上具备很好的感受,除了微博在使用该方式外,另外我还发现有几个其他性质的网站也在用这种方式,原因是他们的网站页面比较长,所以用户在浏览的时候随着滚动条的拖拽而不断加载新的内容到浏览器内,虽然体验会不错,但是我感觉这种方式对搜索引擎的友好性将会降低.欢迎
2012-08-28 17:35:33
2202
转载 传智播客JQuery实战（四）：标签页效果
第一个标签页中鼠标滑过显示不同的标签页，第二个标签页中点击不同标签加载其他页面中的内容，加载等待的图片缓慢隐藏：/WebRoot/4.Tab.html：http://www.w3.org/TR/html4/loose.dtd"> JQuery实例4：标签页效果 标签1 标签2 标签3
2012-08-28 15:30:13
1674
转载 jquery 里的each使用方法
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组var arr1=["aaa","bbb","ccc"];$.each(ar
2012-08-27 16:24:28
1153
转载 Jquery的parent和parents(找到某一特定的祖先元素)用法
<!--parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。parent取得很明确就是当前元素的父元素parents则是当前元素的祖先元素-->
2012-08-24 13:48:45
45936
2
转载 jQuery中的siblings
所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 li1 li2 li3 li4 li5 $("#li3").siblings("li").css("backgroundcolor", "yellow");我们还知道，$("#li3").siblin
2012-08-24 13:14:59
3648
转载 刚开始学习Jquery的一些笔记被我翻出来了
← css 和javascript 在ie6 ie7 ie8和Firefox下bug兼容解决记录两年前收藏的一些前端学习资料地址 →刚开始学习Jquery的一些笔记被我翻出来了1:鼠标点击时候促发$(“p”).click(function(){alert(“hello world”);});2:增加删除class$(“a”
2012-08-22 18:02:56
1282
转载 jQuery中的end()方法
选取某个元素，查找选取其子元素，然后再回过来选取这个元素。用例子说明了一下：比如HTML代码：Hello,how are you?JQuery代码：$("p").find("span").end();结果还是返回元素"P"：[ Hello how are you? ]
2012-08-22 18:01:14
762
转载 jquery遍历函数siblings()
siblings([expr])得到所有匹配元素集合中各个元素的所有兄弟元素集合。返回匹配元素集合<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2012-08-22 17:59:46
2608
转载 jquery radio取值，checkbox取值，select取值，radio选中
获取一组radio被选中项的值var iten=$('input[@name=items][@checked]').val();获取select被选中项的文本var item=$("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].se
2012-08-21 17:45:41
585
转载 jquery刷新页面
jQuery 2010-01-21 17:39:03 阅读450 评论0 字号：大 中 小jquery刷新页面局部刷新：这个方法就多了去了，常见的有以下几种；$.get方法，$.post方法，$.getJson方法,$.ajax方法如下前两种使用方法基本上一样$.get(”Default.php”, {id:”1″, page: “2″ },
2012-08-21 16:15:57
1046
转载 jQuery实现AJAX定时局部页面刷新
不时，我需要某种机制，不断刷新网页，以提供一个实时的仪表板某种。如果我只能刷新一个特定的页面的一部分，这将是很大的，例如：仪表盘上的交通灯显示系统状态。这是很容易通过使用jQuery JavaScript库，只刷新页面的一部分。一旦我们纳入我们的页面的jQuery库，我们只需要1行的JavaScript得到它的工作：所以我们只要我们的页面放入这个小的JS代码片段刷新里面的内容ID标
2012-08-21 16:01:28
2794
1
转载 CSS3 Transitions, Transforms和Animation使用简介与应用展示
一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到一起
2012-08-18 16:25:15
15679
转载 CSS3 Transitions, Transforms和Animation使用简介与应用展示
一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到
2012-08-18 16:23:02
818
转载 文本框文本域提示自动显示隐藏jQuery小插件实例页面
文章引自：http://www.zhangxinxu.com/study/201006/text-remind-auto-hide-show.html最简单的切换外带class的切换改变显示的颜色代码CSS代码：.textarea{border:1px solid #bbb; width:550px; height:80px;}.border{bord
2012-08-17 14:21:38
1603
转载 简单高效的js搜索高亮
一、效果抢鲜展示此插件是我今天下午写的，为了直观地看到是个什么东东，先展示效果，您可以狠狠地点击这里：搜索页面文字jQuery插件Demo下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面：下载您可以狠狠地点击这里：jquery.textSearch-1.0.js文件较小，功能简单，恕不打包~~二、功能简述从上图也应该看出来了，就是对HTM
2012-08-16 14:24:00
9655
1
转载 推荐图书
推荐一些适合前端开发工程师阅读的书籍，希望对大家有所帮助：JavaScript类：javascript权威指南javascript基础教程javascript DOM 编程艺术javascript高级程序设计HTML5+CSS3类：HTML5高级程序设计HTML5与CSS3权威指南网站优化：
2012-08-16 14:21:36
910
转载 IE6 PNG透明终极解决方案
文章引自：http://www.cnblogs.com/wanghun/archive/2012/03/29/2423024.html方案1 - 滤镜解决方案：介绍：滤镜从IE4.0被微软正式引入，所以我们可以使用滤镜解决IE6的PNG透明问题，滤镜不仅可以实现目前CSS3的一些旋转效果而且还可以引入图片。注意：此方法在部分版本的IETest中无效，建议使用标准的IE6来进行测试！
2012-08-16 14:07:41
631
转载 原来我一直理解错了css的position
对position错误的理解每次做层浮动效果时，我都将position设置为absolute, 再通过js来计算left,top来给元素来定位。也许是之前做的页面非常简单，整个页面里面没有嵌套设置position的情况，故一直都认为当position：absolute时，是相对于document.body来偏移的， 其实并不是这样的， 我们先看下position的属性。positi
2012-08-15 16:20:25
928
转载 详解div+css相对定位和绝对定位用法
前言 在用DIV+CSS控制排版过程中，定位一直被人认为是一个难点，这主要是表现为很多网友在没有深入理解清楚定位的原理时，排出来的杂乱网页常让他们不知所措，而另一边一些高手则常常借助定位的强大功能做出些很酷的效果来，比如CSS相册等等，因此自己杂乱的网页与高手完美的设计形成鲜明对比，这在一定程度上打击了初学定位的网友，也在他们心目中形成这样的一种思想：当我熟练地玩转DIV+CSS定位时，
2012-08-14 11:03:59
1296
转载 CSS相对定位绝对定位
参考文章：http://www.w3school.com.cn/css/css_positioning.aspCSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、
2012-08-14 10:51:46
2643
转载 onselectstart与onselect
这两个事件看起来很相似，事实上却非常的不同。onselectstart onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事件，使用示例如下：
2012-08-13 11:03:01
9175
1
转载 CSS中DIV定位
网上也有不少使用div + css进行布局的教程，却存在很多缺陷，一是对css的布局模型讲解不清楚，让人很难理解相对定位、浮动等概念；二是虽然避免了“表格套表格”的缺点，却带来了“div 套 div”的缺点，过量使用div标签；三是class网上也有不少使用div + css进行布局的教程，却存在很多缺陷，一是对css的布局模型讲解不清楚，让人很难理解相对定位、浮动等概念；
2012-08-11 17:51:03
5885
转载 仿微博的JQuery日历控件
就是常见的选取日期的日历控件而已，还没到的日期无法选择，其它的都和正常日历控件差不多，先看看演示效果吧。实现原理主要是处理table，生成tr td，其中最重要的是如何找出每月第一天是星期几，然后就能对应出这个月的余下天数。日历控件网上一搜一大把，但是我觉得自己写一遍还是有好处的。代码可以查看本页源代码，下面是js代码： //全部包裹 v
2012-08-11 15:14:57
4941
转载 利用js控制textarea的maxLength
方法1--兼容ie+ff,光标闪烁截断多余文字function ismaxlength(obj){var mlength=obj.getAttribute? parseInt(obj.getAttribute("maxlength")) : ""if (obj.getAttribute && obj.value.length>mlength)obj.value=obj.value.sub
2012-08-10 14:41:09
3078
转载 程序员给自己五年前的10个建议
自从踏入这条道路以后，我犯过错，挣扎过，失败过。 虽然走了很多弯路，但经过几年的努力奋斗，也小有收获。目前拥有25名员工，在最好的一个月募集了730万美金。 我常常幻想，如果时光倒流，回到5年前，我会给自己哪些建议？如何更好地规划自己？ 对于这里的每一条建议，我可能不会认真去听，但是这些建议就是我想要的
2012-08-10 14:08:01
729
转载 关于Chrome对document.documentElement.scrollTop识别
最近学习一则浮动广告JS代码时，IE、Firefox下都能显示正常，但 Chrome下出现的广告不会随着页面滚动而浮动，经过仔细分析，结合网友的提示，发现Chrome对 document.documentElement.scrollTop的识别有时会出现误差。不过加上document.body.scrollTop 后，则显示正常。 网友提示：由于document.documentElem
2012-08-07 14:37:11
941
转载 document.selection 的作用：获取选中然后进行相关操作
转：http://qingfeng825.iteye.com/blog/259099 一、document.selection 介绍 document.selection 表示当前网页中的选中内容。 方法有： clear 清除选中的内容 empty 取消选中 createRange 返回 TextRange 或 ControlRa
2012-08-07 09:39:22
34532
7
转载 jquery捕捉回车键及jquery异步请求的方法
1、jquery捕捉回车键：$("html").die().live("keydown",function(event){ if(event.keyCode==13){ //这里添加要处理的逻辑 } }); 2.jquery获得多个选中的checkbox值：$('input[type="checkbox"][n
2012-08-04 14:07:28
5698
转载 IE6 png背景图片显示不正常处理
现在web设计，画面是越来越炫但是使用了透明的背景图，在IE6下，在ie78 ff等浏览器显示正常。 解决办法：body{ background-color:#CCC;}一般普通写法如下：div.bg1{ background:url(logo.png) no-repeat center;width:100px; height:100px;}特殊处理写法如下：
2012-08-04 12:02:18
3941
转载 jquery.cookie使用方法
jquery.cookie是一个轻量级的cookie插件，可以读取，写入，删除cookie。jquery.cookie.js的配置： 首先包含jQuery的库文件，在后面包含jquery.cookie.js的库文件。使用方法：新添加一个会话cookie：$.cookie('the_cookie','the_value');注：当没有指明cookie有
2012-08-03 22:09:27
1178
转载 jquery中extend和fn.extend的使用
jQuery为开发插件提供了两种方法，分别是：jQuery.fn.extend(object); jQuery.extend(object);jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 jQuery.extend(object)
2012-08-03 15:51:59
618
转载 使用jQuery的message插件实现右下角弹出消息框
有时在页面加载的时候，需要在页面的右下角弹出一个小的提示框，显示一些提示信息给用户，通过使用jQuery的message插件，可以很方便的实现这个效果，在使用之前先介绍一下message插件中的方法的使用。1.$.messager.lays(width, height);该方法主要用来定义弹出窗口的宽度和高度。 2.$.messager.anim(type,spee
2012-08-03 10:11:35
1132
转载 IE6 动态创建 iframe 无法显示的 bug
动态弹出浮层，跨域加载一个 iframe 页面，发现 IE6 下无法正常显示。见图所示：最初怀疑是 innerHTML 方式创建 iframe 节点导致的：document.getElementById('a').innerHTML = '';但这样操作实际测试 IE6 是可以正常显示 iframe 页面的。百度之，发现同类问题有，但大多都是拷贝复制，没一个靠谱的。做了几个简单
2012-08-02 15:49:19
981
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人