首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5实现视频弹幕功能

    HTML5实现视频弹幕功能

    1.首先展示一下弹幕视频弹幕原图，事实说话2.代码展示1>html代码展示<div class=barrage> <video id=myvideo autoplay loop width=100% height=300px>
    2025-03-15
  • canvas粒子动画背景的实现示例

    canvas粒子动画背景的实现示例

    效果 :)不带连线效果：带连线的效果：教程要实现这样的效果其实很简单，大概分为这么几个步骤：创建canvas首先需要在需要展示粒子背景的父元素中创建一个canvas标签, 指定width和height, 在我们生成随机点坐标的时候需要用wi
    2025-03-14
  • HTML5页面中尝试调起APP功能

    HTML5页面中尝试调起APP功能

    在市面上经常见到这种功能现如今应该非常普遍了，淘宝H5，知乎H5等等。。。点击后会调起APP或者打开下载页面或者直接进行下载。但是我这里发现知乎的这个功能有点不一样他的逻辑是先提示我是否打开手机中的知乎APP（浏览器的机制询问用户操作许可）
    2025-03-14
  • 简单聊聊H5的pushState与replaceState的用法

    简单聊聊H5的pushState与replaceState的用法

    一、简介HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这些方法通常与window.onpopstate 配合使用。二、pushState
    2025-03-14
  • 移动HTML5前端框架—MUI的使用

    移动HTML5前端框架—MUI的使用

    前 言鉴于之前的很多前端框架（特别是响应式布局的框架），UI控件看起来太像网页，没有原生感觉，因此追求原生UI也是MUI的重要目标。MUI以iOS平台UI为基础，补充部分Android平台特有的UI控件。MUI主要有三种含义:一、一种单独发
    2025-03-14
  • html5 localStorage本地存储_动力节点Java学院整理

    html5 localStorage本地存储_动力节点Java学院整理

    localStorage 即本地存储，可用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。在JavaScript语言中可通过 window.localStorage或 localStorage调用此对象。特点1) 同源策略限
    2025-03-14
  • Html5移动端适配IphoneX等机型的方法

    Html5移动端适配IphoneX等机型的方法

    先来看下iPhone X机型的样子上图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式，头部和顶部都是固定定位，躯干可
    2025-03-14
  • HTML5 LocalStorage 本地存储刷新值还在

    HTML5 LocalStorage 本地存储刷新值还在

    H5的两种存储技术的最大区别就是生命周期。1. localStorage是本地存储，存储期限不限；2. sessionStorage会话存储，页面关闭数据就会丢失。使用方法：localStorage.setItem（key，value）//
    2025-03-14
  • HTML5中input[type='date']自定义样式与日历校验功能的实现代码

    HTML5中input[type='date']自定义样式与日历校验功能的实现代码

    1.日历控件自定义样式HTML5提供了日历控件功能，缩减了开发时间，但有时它的样式确实不如人意，我们可以根据下面的代码自行修改。建议：复制下面的代码段，单独建立一个css文件，方便我们修改。/* 修改日历控件类型 */::-webkit-
    2025-03-14
  • 浅谈雅虎前端优化的35条军规

    浅谈雅虎前端优化的35条军规

    摘要：无论是在工作中，还是在面试中，web前端性能的优化都是很重要的，那么我们进行优化需要从哪些方面入手呢？可以遵循雅虎的前端优化34条军规，不过现在已经是35条了，所以可以说是雅虎前端优化的35条军规。已分类，挺好的，这样对于优化有一个比
    2025-03-13
  • canvas 下载二维码和图片加水印的方法

    canvas 下载二维码和图片加水印的方法

    昨天介绍了一个生成二维码的插件QRCode.js，它是借助HTML5 Canvas绘制而成。所以，今天的主角就是canvas啦–canvas的实际应用。一、下载二维码HTMLCanvasElement提供了toDataURL方法
    2025-03-13
  • 概述页面中浮动与清除浮动

    概述页面中浮动与清除浮动

    一、float：主要目的是为了实现文本绕排图片的效果。也成了创建多栏布局最简单的方式。<img src= /><p>文本内容段落内容文本内容段落内容文本内容段落内容文本内容段落内容文本内容段落内容</p>【1】文本绕排图片　P {mar
    2025-03-13
  • HTML中div和span比较_动力节点Java学院整理

    HTML中div和span比较_动力节点Java学院整理

    一、<div></div>和<span></span>1.<div></div>标签<div></div>标签可定义文档中的分区或节（division/section），从而把文档分割为独立的、不同的部分。<div></div>标签可以作为
    2025-03-13
  • Canvas系列之滤镜效果

    Canvas系列之滤镜效果

    Canvas 真的是一个神奇的东西，不仅能够绘制各种图形、文本和位图，还能够对位图进行复杂的像素运算和处理。因此像滤镜这些东西，其实 Canvas 也可以来实现。接下来，是见证奇迹的时刻。首先，我们需要有一个 Canvas 容器，例如：<c
    2025-03-13
  • HTML5拖放功能_动力节点Java学院整理

    HTML5拖放功能_动力节点Java学院整理

    拖放（Drag 和 drop）是 html5 标准的组成部分。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。被拖元素，dragElement :1、添加事
    2025-03-13
上一页 129130131132133134135136137下一页