随笔分类 - jQuery
摘要：前几天，在网上看到视差滚动的网站，感觉特别帅，就尝试着自己仿照写了一部分，前几天已经发表过一篇关于滚动的文章，今天有简单的整理了一下效果： HTML代码 大家好久好久放贷款将快速返回结果决定飞机快睡觉时方可恢复就会对房价开始 JS代码(fun...
阅读全文
摘要：效果如图核心代码 function mouseOver(e){ //中图和winSelector的移入与移动事件 if($(".winSelector").css("display") == "none"){ $(".wi...
阅读全文
摘要：插件的理解。$.extend()与$.fn.extend() 插件开发包括两种：1.类级别的插件开发，即$.extend()扩展jquery对象本身；2.对象级别的插件开发，即$.fn.extend()扩展jquery元素集来提供新的方法。 1.类级别的插件开发 1.(function($){ ...
阅读全文
摘要：视差滚动（Parallax Scrolling）效果的原理与实现1.视差滚动效果的主要特点： 1)直观的设计，快速的响应速度，更合适运用于单页面 2)差异滚动 分层视差 页面上很多的元素在相互独立地滚动着，如果我们来对其它分层的话，可以有两到三层 ：背景层，内容层，贴图层。 2.原理 1)差异滚动的...
阅读全文
摘要：效果图：$(function(){ $("#roll-img2").html($("#roll-img").html()); function rollPlay(){ if($(".ro-main").scrollLeft() > $(".roll-img").width()) { $("....
阅读全文
摘要：HTML 业内知道，当赵科林“过档”联想之初，恰逢联想公布新的财报，据财报披露，当时期内联想智能手机销量为5000万台，同比增长72.3%，在全球市场中占有率为4.6%。其中，中国区手机销量为4450万台，销售占比超过90%。而当其在今年7月离任之时在上半财年，联想手机海外市场在总体销量中的占比从一...
阅读全文
摘要：HTML > CSS*{ margin:0; padding:0; border:0; box-sizing:border-box;}li{ list-style:none;}.carousel{ position:relative; width:100%;...
阅读全文
摘要：AJAX1.ajax请求 1.1 $.ajax(url,[settings]) 用于通过后台HTTP请求加载远程数据。通过该函数，我们无需刷新当前页面即可获取远程服务器上的数据。 jQuery.ajax()函数是jQuery的底层AJAX实现。jQuery.get()、 jQuery.post()...
阅读全文
摘要：效果1.基本效果 1.1 show([speed,[easing],[fn]]) 如果元素本身是可见的，则不对其作任何改变。如果元素是隐藏的，则使其可见。 $("p").show("slow","linear",function(){alert("显示完全")}); $("p").show(100...
阅读全文
摘要：事件1.页面载入 1.1 ready(fn) $(document).ready(function(){}) $(function(){})2.事件处理 2.1 on(events,[selector],[data],fn) 在选择元素上绑定一个或多个事件的事件处理函数。 var data={i...
阅读全文
摘要：筛选1.过滤 1.1 eq(index|-index) 获取第N个元素 index 从0开始算 -index 从最后一个元素算，从1开始 $("li").eq(2); $("li").eq(-2); 1.2 first() 获取第一个元素 $("li").first(); 1.3 last() ...
阅读全文
摘要：文档处理1.内部插入 1.1 append(content|fn) 向每个匹配的元素内部追加内容 $("p").append("appent") $("p").append(function(index,html){ return index+"这个集合中的索引值"+html+"这个对象原先的h...
阅读全文
摘要：选择器1.基本选择器 1.1 #id $("#one") $("#two\\:id") 1.2 element $("div") 1.3 .class $(".class") 1.4 * //匹配所有元素 $("*") 1.5 selector1,selector2,selectorN...
阅读全文
摘要：属性1.属性 1.1 attr(name|properties|key,value|key,fn) 1) 获取属性值 $("img").attr("src"); 2) 设置属性值 $("img").attr("title","你好");$("img").attr({src:"img1.png",a...
阅读全文
摘要：1.jquery核心函数 1.1 jQuery([selector,[context]]); $("#id"),$(document.body),$("input",document.forms[0])//在第一个表单中查找input元素 1.2 jQuery(html,[ownerDocumen...
阅读全文