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

love 玫瑰花Browse:7416

玫瑰花

< !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

网页-视频播放 代码Browse:3712

网页-视频播放 代码

播放器一: <object width="248" height="185" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param value="http://www.surperos.com/data/vcastr2.swf" name="movie"> <param value="high" name="quality"> <param value="transparent" name="wmode"> <param id="flvUrl" value="vcastr_file=http://www.whmrzy.com/video/001.flv&vcastr_config=1:自动播放|1:连续播放|1:默认音量|0:控制栏位...

时间:2015-04-15
分类:HTML , 前端开发
标签:
评论:0

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

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:10203

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:10016

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:11184

用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页面Meta介绍Browse:4539

HTML页面Meta介绍

META标签分两大部分:HTTP标题信息(HTTP-EQUIV)和页面描述信息(NAME)。 ★HTTP-EQUIV HTTP-EQUIV类似于HTTP的头部协议,它回应给浏览器一些有用的信息,以帮助正确和精确地显示网页内容。常用的HTTP-EQUIV类型有: 1、Content-Type和Content-Language (显示字符集的设定) 说明:设定页面使用的字符集,用以说明主页制作所使用的文字已经语言,浏览器会根据此来调用相应的字符集显示page内容。 用法:<Meta http-equiv="Content-Type" Content="text/html; Charset=gb2312"> <Meta http-equiv="Content-Language" Content="zh-CN"> 注意:该META标签定义了HTML页面所使用...

时间:2014-04-22
分类:HTML , 前端开发
标签:
评论:0
Search