首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5 使用 sessionStorage 进行页面传值的方法

    HTML5 使用 sessionStorage 进行页面传值的方法

    HTML5 提供的本地存储功能，使得web应用可以将数据存储在用户的本地浏览器。在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。在客户端存储的方法有两种：1.
    2025-02-01
  • Canvas制作旋转的太极的示例

    Canvas制作旋转的太极的示例

    前言好久没动canvas了，今下午突然想回顾一下，就写了个旋转的太极，哈哈，蛮好玩的，在这里就将自己写的过程展示出来，旋转使用的css实现的，没有用canvas自己的，希望大佬们不要吐槽。cssbody{ background: #d
    2025-02-01
  • HTML5的Video标签有部分MP4无法播放的问题解析（多图）

    HTML5的Video标签有部分MP4无法播放的问题解析（多图）

    现在网页视频的应用极为广泛，在实际项目中发现有些MP4文件可以在H5网页中正常播放，但有些却不行，这是为什么呢？1、首先我自己从网上下载的一个MP4文件，IE10和谷歌都能正常播放。然后自己用格式化工厂转换了一个RMVB文件为MP4，然后就
    2025-02-01
  • 利用canvas实现图片压缩的示例代码

    利用canvas实现图片压缩的示例代码

    项目中做身份证识别时，需要传送图片的 base64 格式编码，但是手机拍摄的照片都太大了，转成 base64 简直可怕，因此找了一下解决办法涉及到的知识点onchange 事件是在上传完文件之后触发使用 files 属性获取到上传的文件对象
    2025-02-01
  • HTML5新控件之日期和时间选择输入的实现代码

    HTML5新控件之日期和时间选择输入的实现代码

    HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。注意：目前只有Chrome和Opera提供下拉式日历支持，其它浏览器仍是一个普通文本框。1，日期控件 - date<input type=d
    2025-02-01
  • HTML中锚点的使用_动力节点Java学院整理

    HTML中锚点的使用_动力节点Java学院整理

    现在总结一下控制锚点的几种情况：1. 在同一页面中<a name=add></a><!-- 定义锚点 --><a href=#add>跳转到add</a>2. 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点<a
    2025-02-01
  • localstorage和sessionstorage使用记录(推荐)

    localstorage和sessionstorage使用记录(推荐)

    通过阅读各路大神对web存储locastorage和sessionstorage的用法解析，自己试用了一下，在此留个备忘。在项目中，如果用到很多次storage，要存储很多数据，就要把它封装成函数了：（该函数系不知名大神所写，如有侵犯原创，
    2025-02-01
  • 详解HTML5中垂直上下居中的解决方案

    详解HTML5中垂直上下居中的解决方案

    在CSS中，则要吐槽一下，利用margin:0 auto;可以达到水平方向的居中，但是margin: auto 0则无法达到垂直方向的居中。这里主要还是由于没有对父控件即控件本身进行正确的定位。直接看代码， 首先对父控件需要使用相对布局，之
    2025-02-01
  • Canvas绘制浮动球效果的示例

    Canvas绘制浮动球效果的示例

    最近关注区块链方面的信息, 瞎转悠, 偶然看到这个网站首页的效果. 一堆浮动的球, 球在距离较近的时候会有感应线连接, 鼠标也可以和球产生感应线. 看了下是用canvas做的.原效果实现效果之前对svg有过很多接触, canvas知道也可以
    2025-02-01
  • 移动端Html5页面生成图片解决方案

    移动端Html5页面生成图片解决方案

    现在有很多微信公众号运营活动，都有生成图片的需求，生成图片后可以发送给好友和发到朋友圈扩散，利于产品的宣传！1.生成图片可以用canvas,但是由于已经有了html2canvas这个开源库，所以为了节省时间就没有自己写了github地址:h
    2025-02-01
  • SVG实现多彩圆环倒计时效果的示例代码

    SVG实现多彩圆环倒计时效果的示例代码

    圆环倒计时我们经常见到，实现的方法也有很多种。但是本文将介绍一种全新的实现方式，使用SVG来实现倒计时功能。本文主要用到了SVG的stroke-dasharray和stroke-dashoffset特性。下图是倒计时运行效果：SVG倒计时案
    2025-02-01
  • 有关HTML5页面在iPhoneX适配问题

    有关HTML5页面在iPhoneX适配问题

    ​1. iPhoneX的介绍屏幕尺寸我们熟知的iPhone系列开发尺寸概要如下：△ iPhone各机型的开发尺寸转化成我们熟知的像素尺寸：△ 每个机型的多维度尺寸倍图其实就是像素尺寸和开发尺寸的倍率关系，但这只是外在的表现。倍图核心的影响因
    2025-02-01
  • 基于HTML5 Canvas 实现弹出框效果

    基于HTML5 Canvas 实现弹出框效果

    用户鼠标移入时，有弹出框出现，这样的需求很常见。这在处理HTML元素实现时简单，但是如果是对HTML5 Canvas 构成的图形进行处理，这种方法不再适用，因为Canvas使用的是另外一套机制，无论在Canvas上绘制多少图形，Canvas
    2025-02-01
  • HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

    Html5新增的canvas是个强大的功能， 估计大家平时都会用到，只是频率不高，偶尔用它合成图片，但是如果不进行封装的话，代码会很乱，所以对canvas常用的画图、绘制文字、保存功能进行了封装，目前还比较满意，能够快速完成canvas绘图
    2025-02-01
  • html5手机端页面可以向右滑动导致样式受影响的问题

    html5手机端页面可以向右滑动导致样式受影响的问题

    问题描述发现写的h5页面在手机端可以向右滑动，导致样式出现问题～问题排查原因一：没有进行移动端适配在html头部添加以下内容：<meta name=viewport content=width=device-width,initial-sc
    2025-02-01
上一页 456789101112下一页