o0Luffy0o - 博客园

2012年5月9日

摘要： <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 阅读(1902) 评论(1) 推荐(1)

2012年5月8日

Javascript-遍历each与map

摘要：目的：获取每一个多框的ID值；each方法：定义一个空数组，通过each方法，往数组添加ID值；最后将数组转换成字符串后，alert这个值；$(function(){ var arr = []; $(":checkbox").each(function(index){ arr.push(this.id); }); var str = arr.join(","); alert(str);})map方法:将每个:checkbox执行return this.id；并将这些返回值，自动的保存为jQuery对象，然后用get方法将其转换成原生Javascrip.. 阅读全文

posted @ 2012-05-08 11:36 o0Luffy0o 阅读(5322) 评论(1) 推荐(0)

html5-Canvas绘制弧线（圆形）

摘要： <script type="text/javascript" src="jquery-1.5.1.min.js"></script><script type="text/javascript">$(function(){ var can = document.getElementById("can"); var ctx = can.getContext("2d"); ctx.beginPath(); ctx.arc(75,75,50,0,Math.PI*2,t 阅读全文

posted @ 2012-05-08 11:06 o0Luffy0o 阅读(5606) 评论(1) 推荐(2)

CSS3 -- 两底角微卷起的投影效果

摘要： .curved_box { display: inline-block; *display: inline; width: 200px; height: 248px; margin: 20px; background-color: #fff; border: 1px solid #eee; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset; -moz-box-shadow: 0 1px 4px rgba(0, 0, 0,... 阅读全文

posted @ 2012-05-08 10:16 o0Luffy0o 阅读(788) 评论(1) 推荐(2)

2012年5月7日

jQuery-插件-图片切换(第一次自已偿试写插件)

摘要： // JavaScript Document;(function($){ $.fn.extend({ "zj_ppt":function(value){ //默认参数定义 var $this = $(this); value = $.extend({ "time":2000, //间隔变化动画时间 "con":0, "sto":true, "count"... 阅读全文

posted @ 2012-05-07 16:11 o0Luffy0o 阅读(871) 评论(0) 推荐(0)

jQuery-插件开始三步

摘要：第一步:搭建框架;(function($){ })(jQuery);第二步:给jQuer对象使用的方法;(function($){ $.fn.extend();})(jQuery);第三步:给jQuer对象使用的方法(FnameX是方法名);(function($){ $.fn.extend({ "Fname1":function(value){ //插件代码； }, "Fname2":function(value){ //插件... 阅读全文

posted @ 2012-05-07 11:18 o0Luffy0o 阅读(259) 评论(0) 推荐(0)

JQuery-返回布尔值Is()方法.条件判断

摘要： $(function(){ $("ul").click(function(event){ var tar = event.target; if(tar.tagName == "STRONG"){ alert(tar.tagName); } }); })上面是原生JS判断；$(function(){ $("ul").click(function(event){ var tar = event.target; ... 阅读全文

posted @ 2012-05-07 10:22 o0Luffy0o 阅读(3228) 评论(0) 推荐(0)

html5-Canvas绘制线条

摘要： function draw(){ var canvas = document.getElementById("canvas"); var cxi = canvas.getContext("2d"); cxi.fillStyle = "rgb(200,0,0)"; cxi.beginPath(); cxi.moveTo(75,50); cxi.lineTo(100,85); cxi.lineTo(100,20); cxi.fill(); ... 阅读全文

posted @ 2012-05-07 09:26 o0Luffy0o 阅读(1974) 评论(0) 推荐(0)

2012年5月5日

html5-canvas标签-绘制矩形

摘要： function draw(){ var dObj = document.getElementById("tubar"); var cObj = dObj.getContext("2d"); cObj.fillStyle = "rgba(200,0,0,0.5)" cObj.fillRect(30,30,100,100); cObj.strokeRect(45,45,70,70); cObj.clearRect(50,50,60,60); }<body onLoad="dr... 阅读全文

posted @ 2012-05-05 18:49 o0Luffy0o 阅读(5719) 评论(0) 推荐(0)

javascript--事件委托

摘要： //事件委托 function f2(d) { document.onclick = function(e) { var e = e || window.event; var target = e.srcElement || e.target; if (target.tagName == “LI”) { …… } }}事件委托：利用事件冒泡机制，在最顶层触发事件的dom对象上绑定一个处理函数。... 阅读全文

posted @ 2012-05-05 17:23 o0Luffy0o 阅读(1973) 评论(0) 推荐(0)

Luffy

Live well, love lots, and laugh often