首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • 浅谈HTML5新增和废弃的标签

    浅谈HTML5新增和废弃的标签

    一、废弃的标签以下的 HTML 4.01 元素在HTML5中已经被删除，虽然浏览器为了兼容性考虑都还支持这些标签，但建议使用新的替代标签，矛盾的是老浏览器对新标签的支持度又不够，视项目的受众对象而定了。1、能用CSS代替的元素这些元素包含b
    2025-01-24
  • HTML5拖拽API经典实例详解

    HTML5拖拽API经典实例详解

    一、关于拖拽API拖拽API是HTML5的新特性，相对于其他新特性来说，重要程度占到6成，实际开发中使用比例占到3成，学习要求个人认为是达到掌握即可的程度。二、什么是拖拽和释放？拖拽：Drag释放：Drop拖拽指的是鼠标点击源对象后一直移动
    2025-01-24
  • 分享一个H5原生form表单的checkbox特效代码

    分享一个H5原生form表单的checkbox特效代码

    本文介绍了分享一个H5原生form表单的checkbox特效代码，分享给大家，具体如下：效果如下：<!DOCTYPE html><html> <head> <meta charset=UTF-8> <title></title> <s
    2025-01-24
  • 点击单选框就直接激活链接的实现代码

    点击单选框就直接激活链接的实现代码

    <html><head><!--第一步：把如下代码加入到“head”区域中--><script>function go(HrefName) {window.location.href = HrefName;}</script></head>
    2025-01-24
  • 详解Html5 Canvas画线有毛边解决方法

    详解Html5 Canvas画线有毛边解决方法

    Html5 Canvas 所有的画线指令画出来的线条都有毛边（比如 lineTo， arcTo，strokeRect），这是因为在Canvas中整数坐标值对应的位置恰巧是屏幕象素点中间的夹缝，那么当按这样的坐标进行线条渲染时所要用到的就是夹
    2025-01-24
  • canvas环形倒计时组件的示例代码

    canvas环形倒计时组件的示例代码

    本文介绍了canvas环形倒计时组件的示例代码，分享给大家，具体如下：效果如下图一：Canvas环形倒计时组件Canvas环形倒计时是基于Canvas实现的倒计时，建议于移动端使用Canvas环形倒计时 下载地址一、如何使用1. html代
    2025-01-24
  • 浅谈基于Canvas的手绘风格图形库Rough.js

    浅谈基于Canvas的手绘风格图形库Rough.js

    前言推荐一个基于Canvas的手绘风格图形JS库。Rough.jsRough.js是一个轻量的（大约8k），基于Canvas的可以绘制出粗略的手绘风格库。提供绘制线条、曲线、弧线、多边形、圆形和椭圆的基础能力，同时支持绘制SVG路径。Git
    2025-01-23
  • H5最强接口之canvas实现动态图形功能

    H5最强接口之canvas实现动态图形功能

    上个文章中我们分享了如何利用canvas来进行图形绘制，但是绘制的都是静态图形，本周我们就来学习如何利用canvas进行动态图形绘制。什么是动画？我们在绘制动画之前必须要弄清楚什么是动画，一个动画最起码需要哪些基本条件呢？我们可以用一个工具
    2025-01-23
  • 详解通过focusout事件解决IOS键盘收起时界面不归位的问题

    详解通过focusout事件解决IOS键盘收起时界面不归位的问题

    问题症状今天在开发一个移动端的 H5 页面时，遇到了 IOS 上键盘收起时界面无法归位的问题。下面详细描述下问题和症状：页面结构出问题的页面是一个表单结构。即类似于一个 div 下有4个 input 表单的结构，用于用户填写邮寄信息。类似:
    2025-01-23
  • 前端canvas动画如何转成mp4视频的方法

    前端canvas动画如何转成mp4视频的方法

    用户通过上传合适尺寸的图片，选着渲染动画的效果和音乐，可以预览类似幻灯片的效果，最后点击确认生成视频，可以放到头条或者抖音播放。生成视频可能的方案纯前端的视频编码转换(例如WebM Encoder Whammy)图片地址只能是相对地址音乐不
    2025-01-23
  • HTML5探秘：用requestAnimationFrame优化Web动画

    HTML5探秘：用requestAnimationFrame优化Web动画

    requestAnimationFrame是什么？在浏览器动画程序中，我们通常使用一个定时器来循环每隔几毫秒移动目标物体一次，来让它动起来。如今有一个好消息，浏览器开发商们决定：嗨，为什么我们不在浏览器里提供这样一个API呢，这样一来我们可
    2025-01-23
  • 详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）

    详解Canvas 实现炫丽的粒子运动效果（粒子生成文字）

    没有最好，只有更好，如题所示，这篇文章只要是分享一个用 Canvas 来实现的粒子运动效果。感觉有点标题党了，但换个角度，勉勉强强算是炫丽吧，虽然色彩上与炫丽无关，但运动效果上还是算得上有点点炫的。不管怎么样，我们还是开始这个所谓的炫丽效果
    2025-01-23
  • 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
上一页 34567891011下一页