Luffy

摘要： $(function(){ var can = $("#can").get(0); var ctx = can.getContext("2d"); for(i=0;i<10;i++){ ctx.beginPath();//每次都将重置绘画位置； ctx.arc(15+i*15,15+i*15,30,0,Math.PI*(i+1/2),true); //以下是奇数和偶数区分 if(i%2==1){ ctx.fill(); }else{ ... 阅读全文

摘要： (function($){ $.fn.extend({ "insert":function(value){ //默认参数 value=$.extend({ "text":"123" },value); var dthis = $(this)[0]; //将jQuery对象转换为DOM元素 //IE下 if(document.selection){ ... 阅读全文

摘要： (function($){ $.fn.extend({ "selectText":function(value){ value=$.extend({ "delays":800 },value); var $this = $(this); //鼠标抬起进，获取选择文字的字数。并根据字数，是否显示弹出层 $this.mouseup(function(event){ ... 阅读全文

摘要： @-webkit-keyframes 'buttonLight' { 0%,50%,100% { opacity:1;} 25%,75%{ opacity:0;} }a.flash{ -webkit-animation-name: "buttonLight"; /*动画名称，需要跟@keyframes定义的名称一致*/ -webkit-animation-duration: 5s;/*动画持续的时间长*/}a#btn { /*按钮的基本属性*/ background: #60cb1b; font-size: 16px; padd... 阅读全文

摘要： //悬停时停止滑动，离开时继续执行 $(docthis).children("li").hover(function(){ clearInterval(anifun); //清除自动滑动动画 },function(){ anifun = setInterval(autoani,value.time); //继续执行动画 })以上正确的//悬停时停止滑动，离开时继续执行 $(docthis).children("li").... 阅读全文

摘要： (function($){ $.fn.extend({ "slideUp":function(value){ var docthis = this; //默认参数 value=$.extend({ "li_h":"30", "time":2000, "movetime":1000 },value) //向上滑动动画 ... 阅读全文

摘要： $(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"); 阅读全文

摘要： console.log();当你使用console.log()函数时，下面的firebug一定要打开，不然这函数在用firefox运行时无效且影响正常程序，如果用IE打开，将会出错。第一个参数可以是一个包含格式化占位符输出的字符串，例如：console.log("The%sjumpedover%dtallbuildings",animal,count);格式化字符串 类型%s 字符串%d, 整型%i (暂不支持数字型）%f 浮点型 （暂不支持数字型）%o 链接对象 阅读全文

摘要： $(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... 阅读全文

摘要： 要很好理解动画，建议可以先学习下flash，入门级别就可以了!Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。Transition与Animation:transition需要触发一个事件 ,而animation在不需要触发任何事件的情况下也可以显式的随着时间变化来改变元 素css的属性值，从而达到一种动画的效果。 阅读全文