摘要: (function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 value=$.extend({ "li_h":"30", "time":2000, "movetime":1000 },value) //向上滑动动画 ... 阅读全文
posted @ 2012-05-09 17:53 o0Luffy0o 阅读(7391) 评论(0) 推荐(1) 编辑
摘要: $(function(){ $("li").not(":even").css("color","red"); $("li").filter(":odd").css("color","red");})$(function(){ $("li").filter(function(index) { return index%2 == 0; }).css("color","red"); 阅读全文
posted @ 2012-05-09 15:37 o0Luffy0o 阅读(844) 评论(0) 推荐(0) 编辑
摘要: console.log();当你使用console.log()函数时,下面的firebug一定要打开,不然这函数在用firefox运行时无效且影响正常程序,如果用IE打开,将会出错。第一个参数可以是一个包含格式化占位符输出的字符串,例如:console.log("The%sjumpedover%dtallbuildings",animal,count);格式化字符串 类型%s 字符串%d, 整型%i (暂不支持数字型)%f 浮点型 (暂不支持数字型)%o 链接对象 阅读全文
posted @ 2012-05-09 15:09 o0Luffy0o 阅读(820) 评论(0) 推荐(1) 编辑
摘要: $(function(){ var can = $("#can").get(0); var txi = can.getContext("2d"); txi.beginPath(); txi.moveTo(105,105); txi.lineTo(105,45); txi.lineTo(45,105); txi.closePath(); txi.stroke(); txi.beginPath(); txi.moveTo(25,25); txi.lineTo(100,25); txi.lineTo(25,100... 阅读全文
posted @ 2012-05-09 14:13 o0Luffy0o 阅读(1972) 评论(0) 推荐(0) 编辑
摘要: 要很好理解动画,建议可以先学习下flash,入门级别就可以了!Transform:对元素进行变形;Transition:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。但只有两个关键贞。开始,结束。Animation:对元素某个属性或多个属性的变化,进行控制(时间等),类似flash的补间动画。可以设置多个关键贞。Transition与Animation:transition需要触发一个事件 ,而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元 素css的属性值,从而达到一种动画的效果。 阅读全文
posted @ 2012-05-09 11:01 o0Luffy0o 阅读(1968) 评论(0) 推荐(1) 编辑
摘要: <div class="menu"> <ul id="menu"> <li><a href="#">JavaScript</a></li> <li value="1"><a href="#">Graphic Design</a></li> <li><a href="#">HTML</a></li> <li 阅读全文
posted @ 2012-05-09 09:44 o0Luffy0o 阅读(1895) 评论(1) 推荐(1) 编辑