10 2014 档案

摘要:一个动画切换的效果,如图:分析步骤:1.点击左右的箭头图片滚动,左边的小点变化。2.主要问题是当滚到最后一屏时切换回第一屏,第一屏在向前滚动是切换到最后一屏 :通过判断图片的总数然后除以每屏显示的数量得到最大屏数,根据当前处于第几屏判断如何滚动。3.左边的小点切换问题 : 根据当前的屏数,通过eq(... 阅读全文
posted @ 2014-10-31 14:54 leezhxing 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2014-10-30 12:16 leezhxing 阅读(141) 评论(0) 推荐(0) 编辑
摘要:1.停止元素的动画:stop([cleanQueue, gotoEnd]):第一个参数代表是否要清空未执行完的动画队列,第二个参数代表是否直接将正在执行的动画跳转到末状态。无参数stop():立即停止当前的动画,如果接下来还有动画则以当前状态开始接下来的动画。举例:为元素绑定hover事件之后,如果... 阅读全文
posted @ 2014-10-30 11:36 leezhxing 阅读(682) 评论(0) 推荐(0) 编辑
摘要:1.一般动画:$("btn").click(function(){ $("div").animate({"left" : "+=300px"}, 300); //需要div设置了元素的position属性,否则不管用});2.多重动画:元素在向右滑动的同时,放大元素的高度。$("btn").... 阅读全文
posted @ 2014-10-29 19:55 leezhxing 阅读(203) 评论(0) 推荐(0) 编辑
摘要:可以把为元素绑定的多个事件用命名空间规范起来。$(function(){ $("p").bind("mouseover.plugin", function(){}); //命名空间的mouseover $("p").bind("click.plugin", function()... 阅读全文
posted @ 2014-10-27 18:56 leezhxing 阅读(171) 评论(0) 推荐(0) 编辑
摘要:trigger()方法触发事件后,会执行浏览器默认操作。$("input").trigger("focus")以上的代码不仅会执行input绑定的focus事件,也会使input元素本身得到焦点(这是浏览器的默认行为)如果想阻止浏览器的默认行为:$("input").triggerHandler("... 阅读全文
posted @ 2014-10-27 18:44 leezhxing 阅读(150) 评论(0) 推荐(0) 编辑
摘要:阻止事件冒泡:如果嵌套元素分别有自己的click事件,当点击内层元素时外层元素的事件也会被触发。$("span").bind("click", function(event){ //代码 event.stopPropagation(); //通过bind创建的事件对象event来执行} )... 阅读全文
posted @ 2014-10-27 17:38 leezhxing 阅读(198) 评论(0) 推荐(0) 编辑
摘要:jQuery中的$(document).ready()和JavaScript中的window.onload方法主要有两个方面的不同:1.执行时机:onload : 网页中所有的元素和元素的关联文件(包括图片)等完全加载完毕后才执行。$() : 在dom完全加载完毕后就可调用,此时,网页中的所有元素都... 阅读全文
posted @ 2014-10-27 14:54 leezhxing 阅读(271) 评论(0) 推荐(0) 编辑
摘要:$("p").css("height") :获取的高度值与样式的设置有关,可能会得到“auto”, 也可能是字符串“10px”之类的。设置值时如果是数值形式默认单位是px,如果要设置其他单位需要写成字符串格式,"10em"。$("p").height() :获取的高度值是元素在页面中的实际高度,与样... 阅读全文
posted @ 2014-10-24 18:34 leezhxing 阅读(247) 评论(0) 推荐(0) 编辑
摘要:$('p').css({"fontSize": "30px", "backgroundColor": "#666"});注意:1.如果值是数字,将被自动转化为像素值。2.如果css的属性带有'-',如果设置这些属性时不加双引号则必须写成驼峰形式,加上引号可以写成'-'形式,但最好都是写成驼峰形式。 阅读全文
posted @ 2014-10-24 18:19 leezhxing 阅读(322) 评论(0) 推荐(0) 编辑
摘要:单选的select:$("#single").val("Single2");多选的select:$("#multiple").val(["Multiple2", "Multiple3"]); //注意是数组形式里边checkbox和radio: check1 check2 radio1 radio... 阅读全文
posted @ 2014-10-24 17:40 leezhxing 阅读(542) 评论(0) 推荐(0) 编辑
摘要:创建节点可以用jquery的工厂函数,$()$() 会根据传入的html标记字符串,创建一个dom对象,并将这个dom对象包装成一个jquery对象后返回。var li_1 = $("bar1");var li_2 = $("bar2");$('ul').append(li_1).append(li... 阅读全文
posted @ 2014-10-24 17:15 leezhxing 阅读(186) 评论(0) 推荐(0) 编辑
摘要:例子:如图,默认不显示全部,点击按钮来回切换,全部显示是一部分推荐的品牌高亮。 $(function(){ //dom加载完再执行 var category = $('ul li:gt(5):not(:last)'); //选中一开始需要隐藏的... 阅读全文
posted @ 2014-10-23 20:26 leezhxing 阅读(220) 评论(0) 推荐(0) 编辑
摘要:今天看了jQuery手册,对prop()函数又多了一点认识,记忆力不好,记录下来。prop() : 获取匹配元素集中第一个元素的值判断checkbox中的第一个是否被选中:$(":checkbox").prop("checked"); //如果第一个checkbox被选中返回true,否则返回fa... 阅读全文
posted @ 2014-10-21 20:19 leezhxing 阅读(642) 评论(0) 推荐(0) 编辑
摘要:1.使用js获取不存在的对象:document.getElementById("tt").style.color = "red";如果网页中不存在id = "tt"的元素,浏览器就会报错,需要:if(document.getElementById("tt")){ document.getEleme... 阅读全文
posted @ 2014-10-21 19:52 leezhxing 阅读(325) 评论(0) 推荐(0) 编辑
摘要:在jquery中,$(美元符号)就是jquery的别名,也就是说使用$和使用jquery是一样的,在很多时候我们命名空间时,正是因为这 个$而产生的冲突的发生。比如说:$('#xmlas')和JQuery('#xmlas') 虽然在写法上不同,但在实际上却是完全等同的。要想解决这个冲突,其实最简单的... 阅读全文
posted @ 2014-10-21 18:42 leezhxing 阅读(206) 评论(0) 推荐(0) 编辑
摘要:DOM对象:document object model,文档对象模型,每一份dom都可以表示成一棵树。如下图所示,代码省略在这颗dom树种,h3, p, ul以及ul的3个li子节点都是dom元素节点。获取dom对象://获取dom对象var domobj = document.getElement... 阅读全文
posted @ 2014-10-21 18:12 leezhxing 阅读(144) 评论(0) 推荐(0) 编辑
摘要:在一个id为table的表格的tbody中,如果每一行的最后一列的checkbox没有被禁用,则把这行的背景色设置为红色。$( "#table>tbody>tr:has(td:last:has( :checkbox:enabled ) )" ).css( "background", "red" ); 阅读全文
posted @ 2014-10-21 17:38 leezhxing 阅读(136) 评论(0) 推荐(0) 编辑
摘要:1.导航菜单:选中后显示当前标签下的子标签并且高亮,并且隐藏其他同级标签,(一行级联操作即完成),主要看end()函数用法。end(): 回到最近的一个"破坏性"操作之前。就是指任何改变所匹配的jQuery元素的操作。这包括在 Traversing 中任何返回一个jQuery对象的函数--'add'... 阅读全文
posted @ 2014-10-21 17:32 leezhxing 阅读(197) 评论(0) 推荐(0) 编辑
摘要:public static function objectToArray($d) { if (is_object($d)) { $d = get_object_vars($d); } if (is... 阅读全文
posted @ 2014-10-15 10:36 leezhxing 阅读(1318) 评论(0) 推荐(0) 编辑
摘要:// 驼峰字符串转换成下划线样式$str = 'openAPI';echo $str."";echo strtolower(preg_replace('/((?';//open_ap正则表达式补充:?: 不想被捕获的时候使用 可以提高程序执行速度$string = 'April 15, 2003';... 阅读全文
posted @ 2014-10-13 10:30 leezhxing 阅读(1706) 评论(0) 推荐(0) 编辑