随笔分类 -  JS

摘要:<body> <canvas id="c1" width="400" height="400"> </canvas> <script type="text/javascript"> var oC = document.getElementById("c1"); var oGC = oC.getCon 阅读全文
posted @ 2016-02-21 08:50 lunawzh 阅读(315) 评论(0) 推荐(0)
摘要:html5新的拖拽 只支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。 来一个实例: <!DOCTYPE html> <html> <head> <style type="text/css"> table td{ widt 阅读全文
posted @ 2016-02-17 22:02 lunawzh 阅读(664) 评论(0) 推荐(0)
摘要:两种方法: 1. cvs.onclick = function (e) { if (e.offsetX || e.layerX) { var x = e.offsetX == undefined ? e.layerX : e.offsetX; var y = e.offsetY == undefin 阅读全文
posted @ 2016-02-09 11:00 lunawzh 阅读(3933) 评论(0) 推荐(0)
摘要:1.保存cookie var oDate = new Date(); oDate.setDate(oDate.getDate() + 30);//有效期为30天 document.cookie = "name=www.wzh.com;expires=" + oDate; 2.读取cookie var 阅读全文
posted @ 2016-02-07 13:36 lunawzh 阅读(4852) 评论(0) 推荐(0)
摘要:1.定义画布,取得画布上下文下文 <canvas id="canvas"></canvas> js: var cvs = document.getElementById("canvas"); var context = cvs.getContext('2d'); cvs.width = 1000; 阅读全文
posted @ 2016-01-30 13:26 lunawzh 阅读(294) 评论(0) 推荐(0)
摘要:function drawStar(cxt, x, y, outerR, innerR, rot) { cxt.beginPath(); for (var i = 0; i < 5; i++) { cxt.lineTo(Math.cos((18+i*72-rot)/180*Math.PI)*oute 阅读全文
posted @ 2016-01-29 09:38 lunawzh 阅读(1018) 评论(0) 推荐(0)
摘要:const colors = ["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"] 阅读全文
posted @ 2016-01-28 23:00 lunawzh 阅读(1737) 评论(0) 推荐(0)
摘要:做一个简单的 Json实例,从页面获取后台的Json数据1、控制台:public class HomeController : Controller { // // GET: /Home/ public ActionResult Index() ... 阅读全文
posted @ 2016-01-07 09:54 lunawzh 阅读(280) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/chuaWeb/p/5092087.html 阅读全文
posted @ 2015-12-31 19:35 lunawzh 阅读(154) 评论(0) 推荐(0)
摘要:以在某个日期上加减天数来说,其实只要调用Date对象的setDate()函数就可以了,对月份来说,使用setMonth(),具体方法如下: function addDate(date, days) { var d = new Date(date); d.setDate(d.getDate() + d... 阅读全文
posted @ 2015-12-31 14:01 lunawzh 阅读(2170) 评论(0) 推荐(0)
摘要:以前写过一个上传,看到别人写的很详细,就留一个以后备用http://www.cnblogs.com/kissdodog/archive/2012/12/15/2819025.html 阅读全文
posted @ 2015-10-31 19:04 lunawzh 阅读(111) 评论(0) 推荐(0)
摘要:HTML5中新加了EventSounce对象,实现即时推送功能,可以从下面连接中学习,http://www.kwstu.com/ArticleView/kwstu_201408290647460932http://www.cnblogs.com/goody9807/p/4257192.htmlhtt... 阅读全文
posted @ 2015-10-29 12:52 lunawzh 阅读(252) 评论(0) 推荐(0)
摘要:1事件冒泡在目标元素获得机会处理事件后,事件模型检查目标元素的父元素,看是否为同类型事件建立了处理程序。如果是,则也调用父元素的处理程序。在这之后,再检查其父元素,然后父元素,然后父元素。。。持续不停直到DOM树的顶部。因为事件处理向上传播就像香槟酒杯里冒起的气泡,所以这个过程称为事件冒泡。这是一种... 阅读全文
posted @ 2015-10-24 19:02 lunawzh 阅读(863) 评论(0) 推荐(0)
摘要:如果alert()之后再进行跳转本页,按以下方法你将等不到alert(),浏览器就本身刷新本页面了 想要弹出alert()后再跳转就用window.location.href="http://baidu.com"; ,改成下面方法 就OK了。 alert("你的资料已经录入!"); window.l... 阅读全文
posted @ 2015-10-23 07:56 lunawzh 阅读(8171) 评论(0) 推荐(0)
摘要:前几天学习了一下HTML5的拖拽,如下再实现服务器部分就更好了,正好找到一篇例子,看过好用,有时间可以好好研究一下,很有意思,http://www.cnblogs.com/devin87/p/web-uploader.html 阅读全文
posted @ 2015-10-18 21:05 lunawzh 阅读(211) 评论(0) 推荐(0)
摘要:效果图:代码: 1111111111 222222222 ... 阅读全文
posted @ 2015-10-18 16:34 lunawzh 阅读(332) 评论(0) 推荐(0)
摘要:HTML5提供专门的拖拽与拖放的API,以后实现这类效果就不必乱折腾了相关属性和事件如下: 1、DataTransfer 对象:退拽对象用来传递的媒介,使用一般为Event.dataTransfer。 2、 draggable 属性:就是标签元素要设置draggable=true,否则不会有效果,例... 阅读全文
posted @ 2015-10-18 14:31 lunawzh 阅读(360) 评论(0) 推荐(0)
摘要:asldflasl a bcd e 1111111 ... 阅读全文
posted @ 2015-10-17 23:43 lunawzh 阅读(371) 评论(0) 推荐(0)
摘要:hello,你好!输出结果为:hello,你好! 阅读全文
posted @ 2015-10-17 21:50 lunawzh 阅读(408) 评论(0) 推荐(0)
摘要:JQuery UI提供的API极大简化了拖拽功能的开发。只需要分别在拖拽源(source)和目标(target)上调用draggable和droppable两个函数即可。 拖拽原理 首先要明确几个概念。 ource:拖拽源,要拖动的元素。 taerget:拖放目标,能够放入source的容器... 阅读全文
posted @ 2015-10-17 20:17 lunawzh 阅读(1997) 评论(0) 推荐(0)