首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • html5 input输入实时检测以及延时优化

    html5 input输入实时检测以及延时优化

    有个项目是,这么个情况,输入框,实时监测输入,触发请求。第一想法是input 上的onchange()方法,试了一下,不好用,是值等更改确认了,才会触发,不即时。上网查了一下,$(#fix).on(input propertychange,
    2025-01-23
  • Html5 APP中监听返回事件处理的方法示例

    Html5 APP中监听返回事件处理的方法示例

    在使用MUI框架的时候,我们经常会用到一个头部带有.mui-action-back的class<header class=mui-bar mui-bar-nav> <a class=mui-action-back mu
    2025-01-22
  • 详解Html5微信支付爬坑之路

    详解Html5微信支付爬坑之路

    前言在开发微信公众号活动中,由于之前没有接触过与微信相关的开发,所以导致掉坑,爬坑,不过也让我对微信公众和微信官方文档的熟悉大大增加。爬坑之路爬坑一:单页SPA和后端路由的问题爬坑二:安卓大概率调起微信支付失败(引入微信的js-sdk包失败
    2025-01-22
  • canvas进阶之如何画出平滑的曲线

    canvas进阶之如何画出平滑的曲线

    背景概要相信大家平时在学习canvas 或 项目开发中使用canvas的时候应该都遇到过这样的需求:实现一个可以书写的画板小工具。嗯,相信这对canvas使用较熟的童鞋来说仅仅只是几十行代码就可以搞掂的事情,以下demo就是一个再也简单不过
    2025-01-21
  • Html5 video 上传预览图片视频,设置、预览视频某秒的海报帧

    Html5 video 上传预览图片视频,设置、预览视频某秒的海报帧

    本文介绍了Html5 video 上传预览图片视频,设置、预览视频某秒的海报帧,分享给大家,具体如下:当一收到上传图片视频并可以动态设置视频显示的海报帧的需求时,主要想的是怎么样解析视频并获取保存每帧的图片,百度出来的大多是类似下面这种需要
    2025-01-21
  • 组合CLASS来完成网页布局风格

    组合CLASS来完成网页布局风格

    我是这样来做DIV布局代码的.不知道说的清楚不清楚,凑和看吧我的想法是未来能这样:用标准件的方式来组装网页DIV布局我把class分为2种,布局class,风格class,布局class是骨架,风格class是衣服举个例子:比如布局中的左栏
    2025-01-21
  • 详解三种方式实现平滑滚动页面到顶部的功能

    详解三种方式实现平滑滚动页面到顶部的功能

    背景最近开发公司的公众号H5,做了一个点击icon滚动到顶部的功能。实现功能比较简单,直接调用window.scrollTo(0, 0),一行代码完成。但是作为一个攻城狮,怎么可能对自己要求这么低,所以我给自己加了个需求,实现 平滑滚动页面
    2025-01-20
  • 使用PDF.JS插件在HTML中预览PDF文件的方法

    使用PDF.JS插件在HTML中预览PDF文件的方法

    PDF.js是一款基于HTML5建立的PDF阅读器,兼容大部分主流的浏览器,使用起来,也相对简单。步骤如下:1.下载PDF.js插件下载地址:http://mozilla.github.io/pdf.js/getting_started/#
    2025-01-20
  • HTML使用相对路径获取各级目录下文件方式详解

    HTML使用相对路径获取各级目录下文件方式详解

    相对路径的概念以当前文件所在位置为参考点,建立目标文件的路径。绝对路径的概念整个文件的完整路径,比如X:/www/web/index.html,或者http://waldo.com.cn/index.html。这两者都属于绝对路径。相对路径
    2025-01-18
  • Html5 canvas实现粒子时钟的示例代码

    Html5 canvas实现粒子时钟的示例代码

    我们先看看粒子时钟的效果,如下:下面我们将通过canvas和js实现,首先要创建一个html文件并添加一个canvas画布,如下:<!DOCTYPE html><html lang=en><head> <meta charset=UT
    2025-01-18
  • 用canvas画心电图的示例代码

    用canvas画心电图的示例代码

    本文介绍了用canvas画心电图的示例代码,分享给大家,具体如下:效果图:思路:​1.模拟点(如果你有真实的数据,那就是把数据幻化成canvas对应的坐标点)​ 模拟点时注意的点就是高起部分需要对称以及为了好看要随机出现上上下下2.画线​
    2025-01-18
  • HTML5中使用json对象的实例代码

    HTML5中使用json对象的实例代码

    下面通过实例代码给大家介绍HTML5中使用json对象的方法,具体代码如下所示:<!DOCTYPE html><html> <head> <meta charset=UTF-8> <meta name=viewport
    2025-01-18
  • html5新特性与用法大全

    html5新特性与用法大全

    有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下。1)新的语义标签 footer header 等等 2)增强型表单 表单2.0 3)音频和视频 4)canvas 绘
    2025-01-18
  • HTML5新标签兼容——&amp;gt; 的两种方法

    HTML5新标签兼容——&amp;gt; 的两种方法

    第一种方法:(使用html5shiv)<!--[if lt IE9]> <script src=http://html5shiv.googlecode.com/svn/trunk/html5.js></script><![endif]
    2025-01-18
  • HTML中两个tabs导航冲突问题的解决方法

    HTML中两个tabs导航冲突问题的解决方法

    先来一个问题描述吧:在同一个页面,两个tabs一个要float:left,一个要flaot:right,就产生了冲突;原因:没有仔细定位到每个div里面的控件,使用了全局的定义导致了会一起变化;后来一层层精确定位到了各个的层,就OK啦.CS
    2025-01-18