Javascript/HTML5
文章平均质量分 57
TechAG
这个作者很懒,什么都没留下…
展开
-
Table中采用JQuery slideToggle效果的问题
例子如下:需求:用JQuery实现,点击最上边的粗加号时,对所有含有子表的Tr进行展开,点击 + 号时,只对当前Tr的子Table内容的动态隐藏和显示;问题:JQuery的slideToggle() slideUp() slideDown()是不支持在表格的tr上使用滑动效果的,所以不能通过 $(TrDom).slideToggle()来实现滑动解决方法:把子Table原创 2012-07-14 12:14:07 · 7781 阅读 · 4 评论 -
5 More HTML5 APIs You Didn’t Know Existed
One effort shared by both browsers and developers is making the web browsing experience faster. There are many common-known ways to keep your websites fast: using CSS sprites and image optimizatio转载 2012-11-13 09:32:05 · 622 阅读 · 0 评论 -
js中cookie的使用详细分析
JavaScript中的另一个机制:cookie,则可以达到真正全局变量的要求。 cookie是浏览器 提供的一种机制,它将document 对象的cookie属性提供给JavaScript。可以由JavaScript对其进行控制,而并不是JavaScript本身的性质。在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能转载 2012-10-29 15:55:52 · 507 阅读 · 0 评论 -
JS常用知识点
1、JS中JSON中数据的表示方法:var json = { name : "allen", age : 23, family : [ { name : "father", age : 40}, { name : "mother", age : 41 }] };2、JS中函数的类写法: function a(isDefault) { var _isDefault = isDefault;原创 2012-10-12 09:51:08 · 776 阅读 · 0 评论 -
常用代码
1、弹出框#emailConfirmationDiv #titleDiv #closeSpan:hover{ color:red;} Email Confirmation× Sorry ! We are offline,please email to us! CostumeManager.com原创 2012-09-19 14:06:42 · 358 阅读 · 0 评论 -
JS关于prototype的几点
function a(){ var _name;//私有变量 a.StaticName = "staticAllen"; //静态变量 this.Name = "Allen"; //属性 this.Age = 23; this.getName = function(cName) { return cName; }; //方法 this.getAge = function(原创 2012-10-11 11:42:55 · 506 阅读 · 0 评论 -
HTML5 MatrixTransform矩阵变换
首先我们矩阵如何影响几何变换的: 1,缩放操作 观察下面的矩阵乘法 如果我们用[2 5]代表点(2,5),我们发现其乘以一个矩阵后变成了[4,5],与之对应的点是(4,5),这相当与其X坐标变成了原来的两倍。 同理: 经过矩阵乘法后点(2,5)的Y坐标变成了原来的两倍(2,10)。 我们可以总结出这样的结论: 可以将矩阵的第二和第三个转载 2012-07-30 17:36:57 · 4102 阅读 · 3 评论 -
HTML Canvas 绘制五角星
效果如图所示:代码如下:var myCanvas = document.getElementById("myCanvas");var context = myCanvas.getContext('2d');context.fillStyle = 'rgb(255,0,0)';context.lineWidth = 5;context.strokeRect(原创 2012-07-30 17:05:43 · 11339 阅读 · 0 评论 -
HTML5 底层API概要
一、Drag & Drop API1.创建拖放事件监听程序时,一定要阻止默认行为,尤其是在dragover事件中一定要执行preventDefault(),否则drop事件不会出发,同时dropEffect也不会生效。2.dataTransfer接口:dataTransfer.effectAllowed[=value]dataTransfer.dropEffect[=value]原创 2012-07-29 16:52:52 · 4533 阅读 · 0 评论 -
JSON的使用
现代浏览器中本地化了JSON对象,它有parse和stringify两个方法,parse用于从一个字符串中解析出json对象。还是举个例子说明:1 var str = " {'name':'x', 'age':23} " ;2 JSON.parse(str);原来认为这肯定能够正确执行的,但是无论怎样写这个对象string,都抛出异常。后来发现原来是 " 和 ' 导致的错原创 2012-07-23 14:44:50 · 589 阅读 · 0 评论 -
Html5实现拖动效果
#rubbishBox { float:left; height:300px; width:400px; background-color: grey; -webkit-writing-mode: lr-tb; vertical-align: middle; } #dragBox { width: 504px; margin-left: 500px; }原创 2012-07-19 09:47:28 · 6955 阅读 · 1 评论 -
不同浏览器中nextSibling方法注意事项
在IE和FireFox浏览器中,DOM的nextSibling方法的使用存在部分差异:1. 在FireFox中,html标记中空行和换行会被当做节点来处理,所以会出现startNode.nextSibling取不到目标节点的情况,得到的元素反而是undefined或是nodeType为text的节点;2.解决方法是:判断startNode.nextSibling的nodeType类型:原创 2012-06-24 11:21:13 · 1643 阅读 · 0 评论 -
Use ECMAScript 6 Today
Today, ECMAScript 6 is in the process of being finalized. ECMAScript is the foundation of JavaScript and, hence, exploring the proposed features today also means that we get a sneak peak at how we wil转载 2013-05-10 10:59:56 · 1815 阅读 · 0 评论