那一抹温暖的阳光,是我们永恒的向往。
www.webbar.cn

跨浏览器兼容的HTML5视频音频播放器Browse:3086

用html5 js实现浏览器全屏

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 使用html5media.js可以在所有浏览器上观看html5视频和音频文件,它弥补了低版本IE浏览器不支持<video> 和<audio>标签,只需要载入html5media.js使用<video>和<audio>标签就能跨浏览器 播放视频和音频。 如何使用? 想让html5的video和audio标签能在所有浏览器上工作,必须在页面的head内部加入以下一行代码: <script src="//a...

时间:2015-12-25
标签: ,
评论:0

love 玫瑰花Browse:7418

玫瑰花

< !doctype html> <html> <head> <title>Love</title> <meta charset="utf-8" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> < ![endif]--> </head> <body> <canvas id="c"></canvas> <script> var b = document.body; var c = document.getElementsByTagName('canvas')[0]; var a = c.getContext('2d'); document.body.clientWidth; </script> <script> // start of submission // with (m = Math) C = cos, S = sin, ...

时间:2015-08-19
标签: , , , ,
评论:0

HTML5网站开发专用基础模板(包含完整注...Browse:7225

HTML5

开发版本 <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title></title> <meta name="description" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href=""> <!--[if lt IE 9]> <script src="//cdn.jsdelivr.net/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1....

时间:2014-07-24
分类:HTML , 前端开发
标签:
评论:0

position:fixed兼容性 IE6震动 解决方案Browse:10204

position:fixed兼容性 IE6震动

众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自 己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这 个属性的时候,是不可能直接无视的。   你是如何让position:fixed在IE6中工作的? 本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式,因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval包裹你的语句。 如何解决“振动”的问题? 显然IE有一个多步的渲染进程。当你滚...

时间:2014-06-08
分类:CSS , HTML , 前端开发
标签: ,
评论:0

IE下实现打印功能Browse:10017

IE下实现打印功能

先贴代码: <html> <head> <style type="text/css"> *{margin:0px;padding:0px;} .noprint{margin:20px 0px;} .noprint input{padding:5px 10px;margin:10px 5px;} #p{display:none;} </style> <!--该样式表设置的是打印时的样式,要放到其他style的下面,否则会被覆盖--> <style media="print"> .noprint { display : none;} #p{display:block;} </style> <script> function doPrintSetup() { IEPrinter.setup(); } function doPrintPreview() { IEPrinter.preview(); } function doPrint() { IEPrinter.print(); } ...

时间:2014-05-30
标签: ,
评论:0

用html5 js实现浏览器全屏Browse:11185

用html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen(); } //FireFox else if (docElm.mozRequestFullScreen) { docElm.mozRequestFullScreen(); } //Chrome等 else if (docElm.webkitRequestFullScreen) { docElm.webkitRequestFullScreen(); } //IE11 else if (elem.msRequ...

时间:2014-05-28
标签: , ,
评论:0

html网页音乐播放器自带播放列表Browse:6471

html网页音乐播放器自带播放列表

基于网页的音乐播放器demo  http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandizhi/dom.php 全面支持手机端浏览器。 主要修改引用路径(不要修改文件相对存放地址) 第二就是正则拼接参数了 <script src="/city/js/libs/jquery-1.10.2.min.js"></script> <script src="/city/js/libs/jquery-ui.min.js"></script> <script src="/city/js/libs/bootstrap.min.js"></script> <!-- Style CSS --> <link href="/city/css/bootstrap.css" media="screen" rel="stylesheet">...

时间:2014-05-19
分类:PHP , 编程语言
评论:0
Search