Ruby's Louvre

每天学习一点点算法

导航

2012年2月5日 #

(转)HTML5 全屏 API

摘要: 注:提 HTML5 只是说明他是一项新的东西,至于浏览器的 JavaScript API 应不应是 HTML5 的一个配套?我们不纠结。不如看这个接口能给我带来什么,思考可以如何给网页做个体验上的增强应用吧。一、说在前面的其实只是一个新的 JavaScript API,让 HTML 元素可以实现全屏显示。不过,这已经足够让我们兴奋。具体是怎样呢?其实这个从 iOS 和 Safari 5.0 就已经可以用在 <video> 上。看一下这个,在 iPhone 上访问 youku 上的一个视频:我们可以点击中间这个大大的放映按钮,这里 iOS 里的 safari 会把影片全屏显示,使用的 阅读全文

posted @ 2012-02-05 21:56 司徒正美 阅读(16416) 评论(4) 推荐(2) 编辑

(转)用CSS3移除点击交互元素的高亮背景

摘要: 我在移动设备上测试前面教程的图表实例时发现,当手指点击图表出现ToolTip时,图表容器的会出现一个半透明的高亮背景。设备浏览器不一样,颜色也不一样,很是影响交互效果。试了一下用Javascript来移除,花了一天时间也没弄出来,最后不得不Google了,又花了几个小时,终于用CSS3搞定了。代码如下:-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;新加了禁止选择文本的功能。其中,前二句对WebKi 阅读全文

posted @ 2012-02-05 21:41 司徒正美 阅读(2510) 评论(0) 推荐(0) 编辑

新锐浏览器支持原生CustomEvent事件

摘要: 在safari5, firefox6, opera1.60, chrome10?支持CustomEvent事件。 document.addEventListener('ping', function(ev) { alert(ev.detail[0]); }, false); var evt = document.createEvent('CustomEvent'); evt.initCustomEvent('ping', false, f... 阅读全文

posted @ 2012-02-05 13:24 司徒正美 阅读(2540) 评论(0) 推荐(0) 编辑