html5中文学习网

您的位置: 首页 > html5教程 > 入门教程
  • 2014-05-05 12:58:36 HTML5中判断用户是否正在浏览页面的方法_html5教程技巧
  • 点评：长期以来我们一直缺少一个判断用户是否正在浏览某个指定标签页的方法。用户是否去看别的网站了？他们切换回来了么？现在，HTML5里页面可见性接口就提供给了程序员一个方法，让他们使用visibilitychange页面
  • 2014-05-05 12:58:25 html5 datalist标签使用示例(自动完成组件)_html5教程技巧
  • 点评：这篇文章主要介绍了html5 datalist标签使用示例(自动完成组件),需要的朋友可以参考下以前需要用JS写一个自动完成组件（Suggest），很费劲。HTML5时代则不用了，直接使用datalist标签，直接减少了工作量。如下
  • 2014-05-05 12:58:25 HTML5 visibilityState属性详细介绍和使用实例_html5教程技巧
  • 点评：HTMl5 推出了一个很“特别”的 API Page Visibility ，之所以说它特别，是因为这个 API 关注的是一个很少人留意的功能 ―― 浏览器标签( tab ) 是否被激活这里必须解释一下，这个“激活”，指的是这个标签是
  • 2014-04-24 11:11:42 html5菜单折纸效果_html5教程技巧
  • 点评：这篇文章主要介绍了html5菜单折纸效果,类似猎豹浏览器安装时的用户须知效果,需要的朋友可以参考下类似猎豹浏览器安装时的用户须知效果。

    点击后效果

    复制代码代码如下:
    <!DOCTYPE html>
    <html>
    <
  • 2014-04-24 11:11:42 html5读取本地文件示例代码_html5教程技巧
  • 点评：这篇文章主要介绍了html5读取本地文件的具体实现，html结构样式、Css样式及js代码如下，需要的朋友可以看看哦html结构样式如下：

    复制代码代码如下:
    <div class="addpic">
    <button>添加图片</button>
  • 2014-04-24 11:11:40 HTML5中的Scoped属性使用实例_html5教程技巧
  • 点评：HTML5的变革给我们带来了大量非常有用的新属性，比如placeholder, download, hidden，等等。每一种新属性都给我们带来了对页面元素新的控制方法和控制效力特别的，有一个新的属性，它能让我们控制多个元素的
  • 2014-04-24 11:11:40 HTML5添加鼠标悬浮音响效果不使用FLASH_html5教程技巧
  • 点评：使用HTML5+jQuery添加鼠标悬浮音响效果，兼容Firefox 3.5+, Chrome 3+等等，使用html5的audio元素，随机播放一个mp3音效，需要的朋友可以参考下使用HTML5+jQuery，不使用FLASH：

    浏览器适用范围：Firefox 3.5+,
  • 2014-04-24 11:11:39 HTML5的hidden属性兼容老浏览器的方法_html5教程技巧
  • 点评：HTML5给我们带来了很多非常简单但却非常强大的HTML属性：placeholder, download, and autofocus，等等另外一个新出现的属性就是hidden属性。当一个网页元素有了hidden属性后，它的表现跟CSS的display: non
  • 2014-04-24 11:11:38 HTML5中的autofocus（自动聚焦）属性介绍_html5教程技巧
  • 点评：HTML5给我们带来了一大堆神奇的东西。以前需要用JavaScript和Flash完成的任务，例如表单校验，INPUT placeholders , 客户端重命名下载文件和音频/视频，这些都可以使用基本的HTML完成这里要讲的一个简单的
  • 2014-04-24 11:11:38 HTML5的download属性详细介绍和使用实例_html5教程技巧
  • 点评：我一直在密切关注HTML5的最新革新，你会觉得我在浪费时间吗？HTML5给我们带来了很多“重型”的特征，例如WebSockets，Web Workers，History, Storage 和一些像 classList 这样的工具类然而，也有很多小的非常好
  • 2014-04-19 11:22:01 HTML5 Canvas锯齿图代码实例_html5教程技巧
  • 点评：这篇文章主要介绍了HTML5 Canvas锯齿图代码实例,需要的朋友可以参考下效果图：提示：把代码复制到一个html文件中并保存，直接打开即可看到效果。实现代码：

    复制代码代码如下:<!doctype html>
    <html lang
  • 2014-04-19 11:21:59 html5图片上传预览示例分享_html5教程技巧
  • 点评：这篇文章主要介绍了html5图片上传预览示例,需要的朋友可以参考下
    复制代码代码如下:
    <!DOCTYPE html>
    <html lang="zh-cn">
    <head>
    <meta charset="utf-8" />
    <meta name="author" content="EdieLei"
  • 2014-04-19 11:21:57 使用html5制作loading图的示例_html5教程技巧
  • 点评：这篇文章主要介绍了使用html5制作loading图的示例,需要的朋友可以参考下
    复制代码代码如下:
    <!DOCTYPE html>
    <html>
    <head>
    <title></title>
    </head>
    <body>
    <canvas id = "canvas"></canva
  • 2014-04-08 09:30:28 为你的html5网页添加音效示例_html5教程技巧
  • 点评：这篇文章主要介绍了为你的html5网页添加音效示例,需要的朋友可以参考下为交互添加恰当的音效，常常能改善用户体验。在我们所熟悉的windows里，清空回收站的碎纸声就是很好的例子。
    下面是一个利用HTML5,
  • 2014-04-04 00:10:18 使用jquery实现HTML5响应式导航菜单教程_html5教程技巧
  • 点评：这篇文章主要介绍了使用jquery实现HTML5响应式导航菜单的方法,需要的朋友可以参考下通过jquery+html5实现，当浏览器窗口缩小或者手机访问的时候，导航菜单变成按钮下拉式菜单。效果图：HTML代码：
    复制代码
  • 2014-04-02 12:58:32 简单html5代码获取地理位置_html5教程技巧
  • 点评：这篇文章主要介绍了使用html5代码来获取地理位置，具体实现代码如下并附有截图,需要的朋友可以参考下

    复制代码代码如下:
    /**
    * 以下为html5代码,获取地理位置
    */
    function getLocation() {
    //
html5书籍推荐
热门点击
最近更新
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助

CopyRight © 2011-2018 html5中文学习网 html5cn.Com.cn, All Rights Reserved. 京ICP备18048875号