jquery
关注
分享
扫一扫
文章平均质量分 60
axl234
这个作者很懒，什么都没留下…
展开
-
微博插入话题的效果实现
<!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><title&原创 2011-04-20 10:56:29 · 432 阅读 · 0 评论 -
JQ-Slide插件
JQ-Slide插件参数说明表 参数名参数值(默认值可以省略) effect scroolY（默认）：垂直滚动 scroolX：水平滚动scroolTxt：文本垂直滚动fade：淡出scroolLoop：水平左右点击滚动autoPlaytrue（默认）： or false speed动画速度时间，默认"n...原创 2011-04-20 11:37:31 · 250 阅读 · 0 评论 -
jquery监听键盘事件
无标题文档 $(function () { $("#text").keypress(function () { $("#ts").html("正在输入......."); }) $("#text").blur(function () { $("#ts").html(""); })})原创 2010-09-25 14:30:16 · 97 阅读 · 0 评论 -
jQuery 1.4新功能
1.创建DOM $(function(){$("<div/>",{ id: "justTest", className: "red", css: { width: "200px", height: "40px", backgroundColor: "#f0f3f9" }, click: function(){原创 2011-05-16 14:28:08 · 81 阅读 · 0 评论 -
jQuery JavaScript之插入表情后光标自动在表情字符的后
if(typeof document.selection !== "undefined"){//IE $("#commentTextarea").focus(); document.selection.createRange().text = "insertText"; }else{ $("#commentTextarea").val($("#commentText...原创 2011-05-16 14:30:48 · 174 阅读 · 0 评论 -
jQuery锚点跳转滚动条平滑滚动一句话代
$("html,body").animate({scrollTop: $("#box").offset().top}, 1000原创 2011-05-16 14:57:28 · 102 阅读 · 0 评论 -
jQuery find选择器
jQuery有非常强大的Sizzle引擎来实现选择器，jQuery做了优化，他们能很好的工作，你一般不必担心太多。然而，我们可以稍微做一些改进，将可以使你的脚本略有提高。一般在jquery中能不要用Sizzle引擎就不要用，当然前面说了只要有可能，就尽量使用.find()方法。比如：$('#someDiv p.someClass').hide(); $('#someDiv').fin...原创 2010-10-08 15:16:52 · 251 阅读 · 0 评论 -
jQuery Easing动画效果扩展插件
jQuery Easing动画效果扩展插件：jQuery Easing Plugin。在jQuery文档中我们可以看到，自定义动画函数.animate()有四个参数：params (Options) : 一组包含作为动画属性和终值的样式属性和及其值的集合duration (String,Number) : (可选) 三种预定速度之一的字符串(”slow”, “normal”, or “...原创 2010-10-12 11:03:38 · 155 阅读 · 0 评论 -
div模拟textarea以实现高度自适应（去掉默认的@ mailto）
<!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原创 2011-08-31 17:20:03 · 194 阅读 · 0 评论 -
jquery 遍历 slice(start,[end])
slice(start,[end])从当前匹配元素集合中取出部分元素形成新的元素集合。部分元素从索引‘start’到索引‘end’。‘end’参数可以为空，部分元素将从‘start’取到最后一个元素大于等于start小于endstart开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。end (可选)Integer结束选取自己的位置...原创 2011-06-07 16:54:15 · 159 阅读 · 0 评论 -
jquery 的focusin和focusout方法的使用
focusin(fn)概述在每一个匹配元素的focusin事件中绑定一个处理函数。当一个元素，或者其内部任何一个元素获得焦点的时候会触发这个事件。这跟focus事件区别在于，他可以在父元素上检测子元素获取焦点的情况。参数fnFunction在每一个匹配元素的focusin事件中绑定的处理函数。示例描述:获得焦点后会触发动画:HTML 代码: ...原创 2011-02-19 21:18:45 · 280 阅读 · 0 评论 -
IE中Image .onload方法问题
在web开发在获取图片宽高是很正常的事情，图片在加载完成前是获取不到图片的宽高的，在加载完成后才可以获取图片本身的宽高，例如：1var img = new Image(); 2img.src = "loading.gif"; 3img.onload = function(){ 4alert ( img.w...原创 2011-06-10 16:10:20 · 205 阅读 · 0 评论 -
JQuery淡入淡出 banner切换特效
附件中提供另一种实现方式 基本类似 主要的实现方法如下： var ShowAD=function(i){ showImg.eq(i).animate({opacity:1},settings.speed).css({"z-index": "1"}).siblings().animate({opacity: 0},settings.speed).css({"z-index":"0"});...原创 2011-06-15 11:08:20 · 110 阅读 · 0 评论 -
你必须知道的28个HTML5特征、窍门和技术
一、新的Doctype//zxx:”doctype”中文意思指“文档类型”仍在使用麻烦的，不可能记得住的XHTML文档类型？如果是，为什么还在用呢？使用新的HTML5文档类型代替吧。你会活得更久的——正如Douglas Quaid说的我就琢磨着，为了HTML5搞个这厮代码，您可能会对这段代码究竟靠不靠谱表示怀疑。不用担心，如今这是可行的，只有老的浏览器需要一...原创 2011-02-27 17:44:41 · 136 阅读 · 0 评论 -
转义转义
有人提出可以用dom的功能。先作为innerTEXT传给一个dom对象，再取innerHTML属性，就可以取到转义后的文本了。 方法不错，不过写法上，有没有取巧的办法呢？ JQuery办法：假设有文本 context，可以对一个jQuery对象 $(x)进行 $(x).text(context).html()，就会返回一个转义后的文本。 很多时候完全可以用text()函数对jQuery对象...原创 2011-06-20 13:15:29 · 105 阅读 · 0 评论 -
IE9的css hack
select {background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/*background-color:#dddd00; /* ie 7*/_background-color:#CDCDCD; /* ie 6*/}#element { color:orange;}...原创 2011-06-29 17:37:29 · 92 阅读 · 0 评论 -
比onload更快获取图片尺寸
比onload更快获取图片尺寸文章更新：2011-05-31lightbox类效果为了让图片居中显示而使用预加载，需要等待完全加载完毕才能显示，体验不佳（如filick相册的全屏效果）。javascript无法获取img文件头数据，真的是这样吗？本文通过一个巧妙的方法让javascript获取它。这是大部分人使用预加载获取图片大小的例子：01var imgLoad ...原创 2011-06-29 18:12:50 · 162 阅读 · 0 评论 -
jquery each实现选项卡
<!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> <sc原创 2011-09-27 17:39:01 · 123 阅读 · 0 评论 -
jquery each解析数组 json xml
jquery each解析数组： var arr = [ "one", "two", "three", "four"]; $.each(arr, function(){ alert(this); }); //上面这个each输出的结果分别为：one,two,three,four var arr1 = [[1, 4, 3], [4, 6, ...原创 2011-09-28 11:41:24 · 378 阅读 · 0 评论 -
jquery slice()详解
概述选取一个匹配的子集与原来的slice方法类似参数startInteger开始选取子集的位置。第一个元素是0.如果是负数，则可以从集合的尾部开始选起。end (可选)Integer结束选取自己的位置，如果不指定，则就是本身的结尾。示例描述:选择第一个p元素HTML 代码:<p>Hello</...原创 2011-10-09 10:59:39 · 180 阅读 · 0 评论 -
IE6下jquery js将图片写入html图片不显示的问题
图片html已经插入到页面中，但是图片没有显示，IE7，火狐等浏览器都正常，要右键-“显示图片”，图片才显示，很奇怪的。这是IE6 一个底层机制的bug，是<a href="javascript:void(0)">或者<a href=#">这样使用a标签的话并不能阻止a标签最后触发一个什么行为，导致ie6会错误的认为页面刷新或者重定向了，并且中断了当前所有连接，这样新图...原创 2011-10-14 10:56:21 · 170 阅读 · 0 评论 -
关于IE6下背景图片固定定位不起作用失效的原因
要写一个空间代码，实现的效果之一就是背景图片固定在页面上，不随浏览器滚动而滚动，但是却遇到了一个问题，就是IE6下背景图片固定不起作用了（IE7，firefox火狐浏览器等都可实现背景固定）。这是很奇怪的，以前用同样的代码是一点问题都没有的，这次为何不行呢？待我慢慢叙来……使背景图片固定代码如下：body{background:url(xx.jpg) fixed 50% 50%;}...原创 2011-10-14 11:19:35 · 215 阅读 · 0 评论 -
jQuery中eq和get的区别
eq返回的是一个jquery对象，get返回的是一个html 对象数组。举个例子：<p style="color:yellow">绯雨</p>使用eq来获得第一个p标签的color值：$("p").eq(0).css("color") //因为eq(num)返回的是个jq对象，所以可以用jq的方法css使用get来获得第一个p标签的color值：$("...原创 2011-08-03 14:53:03 · 88 阅读 · 0 评论 -
jquery平滑动画的实现方法
jquery平滑动画的实现方法animate({top : offsetTop },{ duration:300 , queue:false }); $(document).ready(function(){ $(window).scroll(function (){ var offsetTop = 30+ $(window).scrollTop() +"px";...原创 2011-08-11 10:52:09 · 248 阅读 · 0 评论 -
autoTextarea-文本框根据输入内容自适应高度
<!DOCTYPE html><html><head><meta charset="utf-8" /><title></title><link rel="stylesheet" href="../css/demo.css" type="text/css&quo原创 2011-08-11 15:48:21 · 177 阅读 · 0 评论 -
[jQuery插件]Pause 暂停
jQuery 本身的动画只有停止的功能，一但停止(stop)后就无法自动接着做未做完的动画内容。 因此Pause插件扩充了animate() 的功能，让它可以支持暂停(pause)及恢复(resume)动画。这个插件覆盖jQuery的默认的animate()方法，任何加载了这个插件的动画都将支持Pause暂停。两个新的不带任何参数的方法被添加到每一个jQuery对象：pause()和resume(...原创 2011-12-13 15:16:05 · 688 阅读 · 0 评论 -
google CDN加载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><meta h原创 2011-04-12 16:49:37 · 133 阅读 · 0 评论 -
jQuery队列控制方法详解
jQuery核心中，有一组队列控制方法，这组方法由queue()/dequeue()/clearQueue()三个方法组成，它对需要连续按序执行的函数的控制可以说是简明自如，主要应用于animate()方法，AJAX以及其他要按时间顺序执行的事件中。先解释一下这组方法各自的含义：queue(name,[callback])：当只传入一个参数时，它返回并指向第一个匹配元素的队列（将是一个...原创 2011-12-16 16:11:51 · 235 阅读 · 0 评论 -
新浪微博大厅和腾讯微博首页滚动效果
新浪微博未登录首页有一个“大家正在说”的模块，动态滚动最新发布的微博。从需求上来说，这个功能需要实时调用最新的微博数据，单就前端开发来说，其需求可以拆分如下：1 内容持续滚动；2 新微博将下面的微博先推下去，然后淡入进来；3 鼠标经过内容暂停滚动；4 容器底部渐变消失在背景色下。上述4个需求之中，需求1-3为js技术实现，需求4为css技术实现，下面逐个需求来讲。需求...原创 2011-12-19 10:20:30 · 186 阅读 · 0 评论 -
js页面文字选中后分享到新浪微博实现
一、功能简述正是微博如火如荼的时节，其中各个微博的分享功能是网站推广产品的好东东啊，此时如何方便快捷的使用微博的分享功能就显得比较重要了。我的站点每篇文章的底部有一些分享的链接：不过我觉得这些分享基本上就是聋子的耳朵——摆设。除非这篇文章惊天地、泣鬼神，痛彻心扉，穿越前世今生。但是，如果有更加方便快捷的分享方式，这种冷淡得让人结冰的场面或许就不会经常出现。一般翻译软件都有划词翻译功能，...原创 2011-12-20 15:39:18 · 106 阅读 · 0 评论 -
jQuery日期选择插件 - glDatePicker
jQuery现在非常流行，它能让网站有更好的用户体验，并且非常多高质量的插件。这篇文章要推荐的glDatePicker就是一个简单灵活的日期选择插件。 glDatePicker是一个简单且轻量级的日期选择控件，压缩后仅有4KB大小，可定制性相当高。它允许你在网页中创建多个控件的实例，同时你也可以对它设置自定义的css皮肤样式。如何使用 首先要加载jQuery库和glDatePicker...原创 2011-12-26 10:33:17 · 198 阅读 · 0 评论 -
jQuery插件打造漂亮文字动画效果 - Textualizer
Textualizer 是一个简单易用的轻量级 jQuery 插件，经压缩后只有4kb大小，使用此插件你可以打造出很漂亮的文字动画效果。此插件可对任意数量的句子进行旋转、变换等动画效果，同时你也能设置 fadeIn、slideLeft、slideTop 三种效果。最重要的是它支持包括 IE6 在内的多种浏览器。如何使用 首先在 HTML 页面的 HEAD 中添加 jQuery 框架和 T...原创 2011-12-26 10:38:24 · 285 阅读 · 0 评论 -
jQuery网页向导插件 - Joyride
在网站中实现新功能向导介绍的效果，能让用户尽快熟悉网站的功能，是提高用户体验的有效方式。这篇文章给大家推荐的就是一个 jQuery 网页向导插件 - Joyride。 Joyride 是一个很给力的 jQuery 网站功能向导插件，它能让你快速创建网站新功能向导介绍页面。它能将任意 HTML 元素设置为向导标记，并在其上显示向导信息。它的定制性也很高，可设置向导信息的位置、向导滚动速度...原创 2011-12-26 11:25:02 · 284 阅读 · 0 评论 -
jQuery文本框字符限制插件 - Textarea Counter
众所周知<textarea>文本框没有类似maxlength的属性，无法限制输入字符的个数。今天要推荐的Textarea Counter正是为了弥补这个缺点而出现的文本框字符限制插件。 Textarea Counter是一个轻量级的jQuery文本框字符限制插件，它也是简单易用的。字数限制的提示信息将会显示在文本框的下方，你也可以自定义提示信息的格式。当输入的字符超过字数限制时，提示...原创 2011-12-26 14:41:23 · 150 阅读 · 0 评论 -
jquery ajax发送json数据并接收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><原创 2012-05-03 14:58:22 · 115 阅读 · 0 评论 -
jquery map方法的应用
map() 把每个元素通过函数传递到当前匹配集合中，生成包含返回值的新的 jQuery 对象。由于返回值是 jQuery 封装的数组，使用 get() 来处理返回的对象以得到基础的数组。 我们能够获得复选框 ID 组成的逗号分隔的列表：$(':checkbox').map(function() { return this.id;}).get().join(',');将原数组中...原创 2012-05-04 10:15:03 · 135 阅读 · 0 评论 -
jquery ui实现拖动排序
解决了横向拖动产生错位的问题，原因是拖动时会给ul添加一个class=hFinderCategoryFilePlaceholder的li，需要把它指定为float并添加宽高，另外拖动完成要去掉hFinderCategoryFileSelected这个class <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "h...原创 2012-05-08 11:14:19 · 150 阅读 · 0 评论 -
jquery插件masonry.js实现竖列状图片排列特效
插件配置如下：$(document).ready(function() { $('.box-163css').masonry({ itemSelector:'.box-163css li', columnWidth:210 });}); <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...原创 2012-02-02 15:39:39 · 293 阅读 · 0 评论 -
商城放大镜+图片左右滚动控制
采用livequery动态绑定事件，使用jqzoom放大 <!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/x...原创 2012-05-11 16:04:23 · 177 阅读 · 0 评论 -
获取数组中最大元素的索引值（下标）
巧妙地利用apply方法来调用原生的Math.max与Math.min方法迅速求得结果。apply能让一个方法指定调用对象与传入参数， 并且传入参数是以数组形式组织的。恰恰现在有一个方法叫Math.max，调用对象为Math，与多个参数。Array.max = function( array ) { return Math.max.apply( Math, array ); ...原创 2012-05-30 14:26:24 · 2181 阅读 · 0 评论