首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5实现移动端复制功能

    HTML5实现移动端复制功能

    首先遇到这个需求是就各种百度，但是发现基本都是用js实现，而且兼容性还非常不好。但是在寻觅和尝试的过程中，发现只需要css代码也可以完全实现的，对需要复制内容的标签加上下面这几行代码就可以了。-webkit-touch-callout: a
    2025-03-19
  • HTML5实现文件断点续传的方法

    HTML5实现文件断点续传的方法

    HTML5的FILE api，有一个slice方法，可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件，按照指定的分割方式将大文件分段，然后一段一段地传给后端，后端再按顺序一段段将文件进行拼接。断点续传原理目前比较常用
    2025-03-19
  • 微信小程序之html5 canvas绘图并保存到系统相册

    微信小程序之html5 canvas绘图并保存到系统相册

    开始实现之前先上个效果图tips1.网络图片需先配置download域名，可通过wx.getImageInfo转为临时路径；2.个人习惯问题，我习惯使用async-await语法，所以需要引入regenerator这个库，使用方式可网上查。
    2025-03-19
  • 详解移动端HTML5音频与视频问题及解决方案

    详解移动端HTML5音频与视频问题及解决方案

    最近在研究用视频代替动画，用视频代替精灵动画，我们称这种视频叫做交互视频。传统的精灵动画：磁盘空间大，下载慢，尤其是在线播放，会更慢文件太多，在线播放的时候，太多http请求，会导致响应慢，或者行为失常因此，急需开发了一套技术，用视频代替精
    2025-03-18
  • 详解HTML5新增标签

    详解HTML5新增标签

    HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务（plug-in-based rich in
    2025-03-18
  • HTML5单页面手势滑屏切换原理分析

    HTML5单页面手势滑屏切换原理分析

    H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transition)来实现的，效果图如下所示，本文简单说一下其实现原理和主要思路。1、实现原理假设有5个页面，每个页面占屏幕100%宽，
    2025-03-18
  • HTML5网页音乐播放器的示例代码

    HTML5网页音乐播放器的示例代码

    本文介绍了HTML5网页音乐播放器的示例代码，分享给大家，具体如下：1功能介绍HTML5中推出了音视频标签，可以让我们不借助其他插件就可以直接播放音视频。下面我们就利用H5的audio标签及其相关属性和方法来制作一个简单的音乐播放器。主要包
    2025-03-18
  • canvas离屏技术与放大镜实现代码示例

    canvas离屏技术与放大镜实现代码示例

    利用canvas除了可以实现滤镜，还可以利用离屏技术放大镜功能。为了方便讲解，本文分为 2 个应用部分：实现水印和中心缩放实现放大镜1. 什么是离屏技术？canvas 学习和滤镜实现介绍过drawImage接口。除了绘制图像，这个接口还可以
    2025-03-18
  • HTML5的postMessage的使用手册

    HTML5的postMessage的使用手册

    我们在码代码的时候，经常会碰到以下跨域的情况：1、页面内嵌套iframe，与iframe的消息传递2、页面与多个页面之间的传递消息针对这些令人头疼的跨域问题，html5特地推出新功能--postMessage(跨文档消息传输)。postMe
    2025-03-18
  • 利用Storage Event实现页面间通信的示例代码

    利用Storage Event实现页面间通信的示例代码

    我们都知道触发window.onstorage必须满足以下两个条件：通过localStorage.setItem或sessionStorage.setItem保存（更新）某个storage保存（更新）这个storage时，它的新值必须与之前
    2025-03-18
  • canvas 实现 github404动态效果的示例代码

    canvas 实现 github404动态效果的示例代码

    前几天使用css样式和js致敬了一下github404的类似界面，同时最近又接触了canvas，本着瞎折腾的想法,便借着之前的js的算法，使用canvas来完成了github404的动态效果。效果图文件目录文件资源文件源码与图片在文章末尾给
    2025-03-18
  • 解决微信小程序scroll-view换行问题

    解决微信小程序scroll-view换行问题

    今天在写小程序的时候使用了scroll-view,但是发现在scroll-view中一行文字不能换行，代码如下：<scroll-view scroll-y style=width:100rpx;height:100rpx;>asdhadjh
    2025-03-18
  • 前端面试必备之html5的新特性

    前端面试必备之html5的新特性

    前言什么是HTML5:HTML5 是下一代的HTML,将成为 HTML、XHTML 以及 HTML DOM 的新标准。今天来谈谈前端面试中基本上每次一面的时候都会被问到的一个问题，那就是html5的新特性。这个是学习前端必须掌握的基础知识。
    2025-03-18
  • HTML5拖拉上传文件的简单实例

    HTML5拖拉上传文件的简单实例

    在HTML5的pc上面实现了相当多的功能，工作中也用到了拖拉上传，特地记录下该功能在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发ondrag - 元素正在拖动时触发ondragend - 用户完成元素
    2025-03-18
  • div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    div宽度设置width:100%后再设置padding或margin超出父元素的解决办法

    前言本文介绍的是利用CSS3的新属性box-sizing，解决div宽度设置width:100%后再设置padding或margin超出父元素的问题，有需要的朋友们可以参考借鉴。语法box-sizing: content-box|borde
    2025-03-17
上一页 127128129130131132133134135下一页