- 博客(22)
- 资源 (12)
- 收藏
- 关注
转载 如何转换成Ogg和MPEG4格式
由于目前HTML5的video标签只支持Ogg和MPEG4格式的视频,这两个格式的视频是不太常见的,那么我们怎么把它转换成HTML5的video标签可以支持是的视频格式呢?(1)转换成Ogg的方法 转换OGG格式的方法有很多,但最简单的方法是就是用Foobar2000+OGGENC外部编码器。Foobar2000现在很 流行,它是一个Windows 平台下的高级音频
2014-07-28 14:50:12 1641
转载 CSS3 动画效果总结
CSS3添加了几个动画效果的属性,通过设置这些属性,可以做出一些简单的动画效果而不需要再去借助JavaScript。CSS3动画的属性主要分为三类:transform、transition以及animation。
2014-07-23 16:29:21 685
转载 HTML5 video 跨浏览器兼容的方法
在过去 flash 是网页上最好的解决视频的方法,截至到目前还算是主流,像那些优酷之类的视频网站、虾米那样的在线音乐网站,仍然使用 flash 来提供播放服务。但是这种状况将会随着 HTML5 的发展而改变。就视频而言,HTML5 新增了 video 来实现在线播放视频的功能。使用 HTML5 的 video 可以很方便的使用 JavaScript 对视频内容进行控制等等,功能十分强大,同时代
2014-07-21 17:14:03 15378 2
转载 js判断客户端是iOS还是Android等移动终端的方法
判断原理: JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的。在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userA
2014-07-21 14:41:33 815
转载 CSS3实现水平垂直居中
水平垂直居中的制作大家都有碰到过,水平居中方法好处理,但是垂直居中的话还是让很多人头痛过,我也碰到很多盆友来询问如何让元素水平垂直居中。前面也专门讨论过如何让图片,单行文本和多行文本实现各种浏览器的水平垂直居中的方案。 这次在iPhone项目中实现弹出窗口水平垂直居中,总不是很理想,后来采用了一种纯CSS3的实box方法实现水平垂直居中,现将实现的代码片段贴出与大家分享:
2014-07-18 14:21:48 616
原创 //扩展对象的count方法
//扩展对象的count方法Object.prototype.count = ( Object.prototype.hasOwnProperty(‘__count__’) ) ? function () { return this.__count__; } : function () { var count = 0; for (var i i
2014-07-17 15:35:50 449
转载 JavaScript对象、属性、事件手册集合方便查询
windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.每个子桢数组按源文档中定义的顺序存放. feames.length 子桢个数. self 当前窗口. parent 父窗口(当前窗口是中一个子窗口). top 顶层窗口(是所有可见窗口的父窗口). status 浏览器状态窗口上的消息. defaultStat
2014-07-17 15:17:52 573
转载 JS在TextArea光标位置插入文字+移动光标到文字末尾
在网上看了很多用js 将光标移动到textarea的最后,但是看了很多方法,不管用,浪费时间,最近用到一个新方法=IE支持document.selection=Firefox,Chrome,Safari以及Opera都有selectionStart和selectionEnd属性function insertText(obj,str) { if (d
2014-07-14 14:04:12 703
转载 javascript中createTextRange用法(focus)
createtextrange createrange区别:对象或元素不同,虽然都是返回TextRange。例如: var r=document.body.createTextRange() var r=document.createRange() document. createTextRange 可以对body、TEXTAREA、BUTTON
2014-07-11 19:20:11 17088
转载 innerHTML 和 pasteHTML 区别
innerHTML 是一个属性,可以取得或者设定该元素内的 HTML 内容,可以是任意能包含 HTML 子节点的元素都使用它pasteHTML()是一个方法,在指定的文字区域内替换该区域内的文本或者HTML,该方法必须应用于一个 createTextRange() 或者 document.selection.createRange() 创建的区域上例:cript">
2014-07-11 19:14:29 528
转载 js获取节点 dom操作
接口nodeType常量nodeType值备注ElementNode.ELEMENT_NODE1元素节点TextNode.TEXT_NODE3文本节点DocumentNode.DOCUMENT_NODE9
2014-07-11 17:59:12 598
转载 对于ajax传递中文乱码问题,研究js encodeURI 与request.HtmlEncode的区别
引入:今天在研究ajax调用服务器一般处理程序的时候,发现中文乱码的问题。于是着手研究一下js端 和服务器端对html的编码和解码方式。对于ajax中碰到的问题是: 在url传值中参数包含中文。 传到服务器时无法解析中文导致乱码。后来找了些资料发现js会自动编码。于是 我这样做:<script type="text/javascr
2014-07-11 15:32:05 760
转载 自定事件
GOF对观察者模式的定义:Observer的意图是定义对象之间的一种一(被观察者)对多(观察者)的关系,当一个对象的状态发生改变时,所有依赖它的对象得到通知,并且会自动更新自己。从这段经典的定义中,可以推测下,观察者模式中的俩个对象各自应该拥有的特征1,被观察者应该可以注册观察者,注销观察者。2,持有对其注册的观察者。3,当自身改变时,依赖于特性一,其可以通知对其注册的观察者。
2014-07-11 11:12:34 416
转载 js打开新窗口并传递内容的问题
js打开新窗口并传递内容的问题 标签: 杂谈 分类: JS一、write内容var newWindowObi=window.open("childWindow.html");newWindowObi.document.write("");newWindowObi.document.write(document.getElementByIdx_x("fatherWindo
2014-07-07 19:01:42 7594 1
原创 Swipe JS
Swipe JS 是一个轻量级的移动滑动组件,支持 1:1 的触摸移动,阻力以及防滑性能都不错,可以让移动web应用展现更多的内容,能解决我们对于移动Web对滑动的需求。官网:http://www.swipejs.comgithub:https://github.com/bradbirdsall/Swipe 要实现Swipe的滑动和手势非常简单,仅需要遵循一个简单的规则。下面
2014-07-07 14:31:21 4924 1
转载 Zepto.js图片触摸切换演示
lang="en-US">charset="UTF-8">Zepto Demotype="text/css">#tour {max-width:100%;width:512px;overflow-x: hidden;position: relative;-webkit-transform: translateZ(0);}
2014-07-04 16:16:40 11708
转载 Zepto 使用中的一些注意点
http://www.cnblogs.com/samwu/archive/2013/06/06/3121649.html
2014-07-04 14:54:29 2079
原创 js网页获取手机屏幕宽度
sssssvar x = navigator;var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document
2014-07-03 11:12:16 11143
转载 JS控制滚动条的位置:
JS控制滚动条的位置:window.scrollTo(x,y);竖向滚动条置顶(window.scrollTo(0,0);竖向滚动条置底 window.scrollTo(0,document.body.scrollHeight)JS控制TextArea滚动条自动滚动到最下部document.getElementByIdx_x('textarea').scrollTo
2014-07-02 16:45:09 13209
转载 跨域请求之jQuery的ajax jsonp的使用解惑
前天在项目中写的一个ajax jsonp的使用,出现了问题:可以成功获得请求结果,但没有执行success方法,直接执行了error方法提示错误——ajax jsonp之前并没有用过,对其的理解为跟普通的ajax请求差不多,没有深入了解;出现了这种错误,几经调试(检查后台的代码和js部分的属性设置)还是不行,让我感觉很是意外和不解。于是,决定仔细研究下ajax jsonp的使用,并将最后测试成
2014-07-02 11:51:57 565
原创 html禁止手机页面放大缩小
meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
2014-07-01 14:51:01 68837 1
web前端开发规范.docx
2012-09-20
js实现精致折叠菜单
2010-07-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人