前端开发-武方博
订阅我+1搜索一下 你也不知道
分类目录
热门文章
- csdn密码下载 csdn密码下载地址 csdn论坛600万账号 - 13,444 views
- 人人网密码下载 猫扑网密码下载 - 11,404 views
- 天涯数据下载 天涯数据库密码下载 天涯数据.kz下载 - 9,197 views
- ie6,ie7,ie8 css bug兼容解决记录 - 9,003 views
- jQuery实例 - 7,677 views
- 关于我 - 6,665 views
- jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示） - 6,539 views
- jquery图片横向左右滚动效果（带按钮控制） - 6,440 views
- 2011年圣诞前 CSDN密码大泄漏 - 6,394 views
- JS实现仿新浪微博大厅和腾讯微博首页滚动效果 - 5,832 views
-
近期文章
标签
前端开发 前端开发工具 前端开发工程师 前端开发规范 手机浏览器 手机浏览器兼容 手机网站 手机网站制作 手机网站开发 手机网站开发制作 猫扑网密码下载 用户体验 用户体验UED 网页设计 网页设计师 网页设计规范 郑州前端开发 郑州网页设计 郑州美工 3g网 bug解决 CSDN密码下载 css css经验 css3 css bug div+css HTML html5 javascript jquery jquery 图片左右滚动 jquery图片轮播 jquery实例 jquery 左右滚动 jquery插件 jquery 无缝滚动 jquery滑动 jquery特效 jQuerySlider wap网站制作 wap网站开发 web前端开发 web规范 worepress友情链接
标签归档：html5
html5实现全屏的api方法
【进入和退出全屏】 // Webkit (works in Safari5.1 and Chrome 15) element.webkitRequestFullScreen(); document.webkitCancelFullScreen(); // Firefox 10 element.mozRequestFullScreen(); document.mozCancelFullScreen(); // W3C 提议 element.requestFullscreen(); document.exitFullscreen(); 【事件监听】 // Webkit-base: element.onwebkitfullscreenchange // Firefox: element.onmozfullscreenchange // W3C Method: element.addEventListener(‘fullscreenchange’, function(e) { if (document.fullScreen) { // document.webkitIsFullScreen /* make it look good for fullscreen */ } else { /* return to the normal state in page */ } }, true); 【css伪类】 :fullscreen – 当前全屏化的元素 :fullscreen-ancestor – 所有全屏化元素的祖先元素 &nb......查看更多>>
发表在 css3 html5
标签为 html5, html全屏
6 条评论
HTML5 不可限量的发展前景
现在的HTML5就像当年崭露头角时的Ajax，有人在做，但不知道叫它什么。最近，苹果在HTML5上大做文章，而著名的Web设计师Eric Meyer则提出了Web Stacks的概念。Alex Kessinger是Yahoo的一名前端工程师，本文是他对HTML5应用现状与前景的思考。 开源模式带来转变 O’Reilly创始人，TimO’Reilly，一位开源的支持者，曾在《Open Source Paradigm Shift》中如是说： “IBM对个人电脑设计的商品化使利润从硬件转移到软件这一层面，而开源将带来新的财富” 价值在不同的层面转移，HTML5将成为新的层面，商品的价值在下降，现时的浏览器已经成为商品，但这并没有问题，只要它们都遵守标准。人们说，我们可以将操作系统置入浏览器中，但这行不通，如果我们可以从过去的经历中学到些什么，那就是，不能简单照抄过去的模式，好比广播到电视的变迁，你不能简单地在一个播音员面前放台摄像机完事，将操作系统置入浏览器未必比HTML5离线应用本身更有价值。 发布渠道的重要 ......查看更多>>
发表在 css3 html5
标签为 html5, HTML5前景
留下评论
css3 box-shadow投影发光效果
CSS3的box-shadow属性可以让我们轻松实现图层阴影效果。我们来实战详解一下这个属性。 1. box-shadow属性的浏览器兼容性 先来看一个这个属性的浏览器兼容性: Opera: 不知道是从哪个版本开始支持的，我在发这篇文章测试的时候，正好更新了Opera到最新的10.53版本，已经支持box-shadow属性。 firefox通过私有属性-moz-box-shadow支持。 Safari和Chrome通过私有属性-webkit-box-shadow支持。 所有IE不支持(不知道IE9是否有所改善)。别急，我们将在文章最后会介绍一些针对IE的Hack。 2. box-shadow属性的语法 box-shadow有六个可设值: img{box-shadow:阴影类型 X轴位移 Y轴位移 阴影大小 阴影扩展 阴影颜色 } 当不设阴影类型时，默认为投影效果。当设为inset时，为内阴影效果。 X轴和Y轴位移不等同但类似于photoshop里面的”角度”和”位置。 阴影大小、扩展、颜色和Photoshop里面的都同理。 3. 实例解析 让我们通过几个实例来看一个b......查看更多>>
发表在 css3 html5, 前端开发
标签为 -moz-box-shadow, box shadow, box-shadow发光效果, box-shadow属性, box-shadow的发光效果, css, css3, css3 box-shadow, css3 box-shadow发光效果, CSS3 box-shadow投影效果, css3 box-shadow效果, css3 shadow, CSS3 text-shadow, css3 发光效果, css3 效果, css3属性, CSS3属性box-shadow, css3投影, CSS3投影效果, css3教程, css3阴影, css3阴影效果, css发光效果, div+css, html5, ie-css3.htc, IE也支持box-shadow, Transition, webkit, webkit box shadow, 前端开发, 郑州前端开发
留下评论
css3 box-shadow发光效果
如果用过twitter，你可能已经留意到当输入框获得焦点后，它的边框会有蓝色发光的效果，并且这里运用了transition属性，使得发光效果有很平滑的过渡。本教程将讲述如何运用box-shadow属性来做到这样的效果。 CSS代码如下： input { transition: all 0.30s ease-in-out; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; outline:none; } 这里通过运用transition属性来展现input框的变化。 同时，这里需要用outline属性来使safari和chrome的默认高亮无效。 这里在使用box-shadow属性时，为了使其不像是阴影效果而达到发光的效果，因而采用了明亮的蓝色。 同时也可以用RGBA，这样就可以控制颜色的透明度了。 代码如下： input:focus { border:#35a5e5 1px solid; box-shadow: 0 0 5px rgba(81, 203, 238, 1); -webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 1); -moz-box-shadow: 0 0 5px rgba(8......查看更多>>
发表在 css3 html5, 前端开发
标签为 -moz-box-shadow, box shadow, box-shadow发光效果, box-shadow的发光效果, css, css3, css3 box-shadow, css3 box-shadow发光效果, CSS3 box-shadow投影效果, css3 box-shadow效果, css3 shadow, CSS3 text-shadow, css3 发光效果, css3 效果, css3属性, CSS3属性box-shadow, css3投影, CSS3投影效果, css3教程, css3阴影, css3阴影效果, css发光效果, div+css, html5, Transition, webkit, webkit box shadow, 前端开发, 郑州前端开发
留下评论
HTML5 Canvas 绘制股市走势图
做金融类网站的时候，出现的最多的是价格走势图，但由于金融市场变化非常快，人工做图的话很不靠谱，机器生成的话开发难度比较大。所以小型金融网站通常会引用大网站的数据，例如 Google 财经频道的走势图。 可是 Google 采用的是 flash 来展示价格走势，如果我们的网站要针对 iPad 等移动终端进行开发的话，只能使用 HTML5 canvas 标签绘图。今天在网上看到一个 Prototype 插件，可以在 canvas 里绘制非常精致的股市走势图。 由于是前端 js 绘图，因此具有非常好的数据交互性，而且在进行移动终端优化时也比较方便。 官方网站 http://www.humblesoftware.com/finance/index 查看更多>>
【Canvas学习教程】Canvas介绍
这一系列教程会带你快速认识Canvas，这是第一篇，先带你简单认识一下Canvas。Canvas是现代浏览器中内建的一个画图的方法，这篇文章中会介绍如何访问Canvas元素，怎么画图形，变换颜色以及擦除。这个新技术非常的令人激动。 Canvas元素简介 当你听到Canvas的时候，你的第一反应应该是会想到HTML5的新元素。技术上来说，这只是一部分，从现在开始，我们先忘记那个吧。Canvas元素是浏览器新技术对外的一个窗口。 使用Canvas元素非常的简单，就是一个简单的HTML标签和给定的宽高。 1 2 3 <canvas height="500" width="500"> <!--这里是备注内容--> </canvas> 这个canvas当然什么都不会做，他只会在你的页面上放置一个透明的画布。Canvas里面写的内容会在浏览器不支持canvas的时候显示出来。 浏览器的支持 哪些浏览器支持Canvas，这个很重要。基本上现代浏览器都支持，包括最新版的IE。 Internet Explorer (9.0+) Safari (3.......查看更多>>
发表在 css3 html5
标签为 Canvas, canvas html, canvas js, Canvas介绍, Canvas元素, Canvas学习教程, Canvas教程, canvas是什么, Canvas画矩形, Canvas画路径, html5, html5 Canvas
留下评论
IE9关于HTML5和CSS3的测试
无论你是否期待，也无论你支持或者反对，IE9正式版如期发布了。嗯，这一点儿比Mozilla好，Firefox 4正式版不知道要跳票到什么时候了。这里贴一些关于HTML5和CSS3的测试数据： IE9对CSS3新特性的支持： IE9对CSS3 选择器的支持 IE9对HTML5特性的支持 IE9对HTML5表单的支持 这些测试数据来自于 Findmebyip.com，这个网站基于modernizr项目，可以快速检测出浏览器对于HTML5新特性的支持。有Windows 7的同学可以自行访问测试下。 另外一个测试是在HTML5test.com的： 当然，这里还有一个其它浏览器的测试数据对比： 第二列是版本好，第三列是得分，最后一列是所谓的亮点。 值得一提的是，IE9终于完整支持CSS2选择器并支持绝大部分CSS3选择器了！！！ 查看更多>>
发表在 css3 html5
标签为 css3, html5, IE9, IE9支持CSS3, IE9支持CSS3选择器, IE9支持HTML5
留下评论
CSS3 border-image的使用方法
一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅 Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息 了，Firefox3及其以下以及Opera浏览器也可以休息去看《阿凡达》了。所以，本文提供的一些demo页面，要在 Firefox3.5+，chrome或Safari3+浏览器下才可以看到效果。 二、熟悉border-image的一些特性 我们可能对于CSS2中的background属性比较熟悉，例如：background:url(xx.jpg) 27px no-repeat; 指代的是图片(url(xx.jpg))，位置(27px)，重复性(no-repeat)。 border-image于此类似，border-image包括图片，剪裁位置（与background位置一样，也是数值，也支持百分值），重复性。例如：border-image:url(border.png) 27 repeat;，指的就是图片(url(border.png))，剪裁位置(27)，重复方式(repe......查看更多>>
发表在 css3 html5
标签为 border-image, ccs3, html5, jquery css3, webkit-border-image
3 条评论