——杂言:audio.js结合使用html5的audio组件实现了音频的原位播放功能.虽然项目里已经使用一段时间了,不过我是最近才开始有所接触,惭愧.个人见解若有不对,请帮忙纠正,谢谢. 官方相关链接: 官网 docs github源码   基本使用步骤: 1.下载 audio.js ,  player-graphics.gif,   audiojs.swf 2.添加audio.js引用代码 <script src="/audiojs/audio.min.js"></…

audio.js是一个HTML5标签的简易包装.但它不仅在支持HTML5的浏览器上能够轻松调用标签,并在不支持HTML5的浏览器上也能通过Flash作为B计划使用.除此之外,audio.js所提供的界面其实也还不错. 支持情况 浏览器: Mobile Safari (iOS 3+) Android (2.2+, w/Flash) Safari (4+) Chrome (7+) Firefox (3+, w/ Flash) Opera (10+, w/ Flash) IE (6, 7, 8, w/…

<script type="text/javascript"> /* 定义一个Person类 */ function Person(name, age) { this.name = name; this.age = age; } /* 添加两个方法getName getAge */ Person.prototype = { getName: function() { return this.name; }, getAge: function() { return this.…

1.类扩展 /* EditInPlaceField类 */ /* 扩展函数 */ function extend(subClass, superClass) { var F = function() {}; F.prototype = superClass.prototype; subClass.prototype = new F(); subClass.prototype.constructor = subClass; subClass.superclass = superClass.prot…

代码 <script type="text/javascript"> /* 克隆原型得到对象 */ function clone(object) { function F() {} F.prototype = object; return new F; } var Person = { name: 'default name', getName: function() { return this.name; } }; var reader = clone(Person);…

<script type="text/javascript"> var Book = (function() { // 私有静态属性 ; // 私有静态方法 function checkIsbn(isbn) { if(isbn == undefined || typeof isbn != 'string') { return false; } return true; } // 返回构造函数 return function(newIsbn, newTitle, newAut…

<script type="text/javascript"> var Book = function(newIsbn, newTitle, newAuthor) { // implements Publication // 私有属性 var isbn, title, author; // 私有方法 function checkIsbn(isbn) { if(isbn == undefined || typeof isbn != 'string') { return fal…

第一种 function foo() { ; function bar() { a *= ; } bar(); return a; } 第二种 function foo() { ; function bar() { a *= ; return a; } return bar; } 两种效果相同. 调用结果 var baz = foo(); // baz is now a reference to function bar. alert(baz()); // returns 20. alert(b…

js可以定义自己的类 很有意思 <script type="text/javascript"> var Anim = function() { alert('nihao'); }; Anim.prototype.start = function() { alert('start'); }; Anim.prototype.stop = function() { alert('stop'); }; var myAnim = new Anim(); myAnim.start();…

利用CSS3:checked选择器和~配合实现tab切换 效果: 代码: <style> body,div,input,label{ margin:0; padding:0; } #tab>input{ opacity:0; position:absolute; left:0; top:0; } #tab .label{ overflow:hidden; } #tab .label>label{ float:left; width:100px; height:30px; line-…