首页>网页设计教程> HTML教程
全部 Dreamweaver教程 Javascript教程 HTML教程 CSS教程 心得技巧 DHTML教程 网页特效 WEB标准化
HTML教程
  • HTML5之web workers_动力节点Java学院整理

    HTML5之web workers_动力节点Java学院整理

    专用 Web Worker (Dedicated Web Worker) 提供了一个简单的方法使得 web 内容能够在后台运行脚本。一旦 worker 创建后,它可以向由它的创建者指定的事件监听函数传递消息,这样该 worker 生成的所有
    2025-03-20
  • HTML5触摸事件实现移动端简易进度条的实现方法

    HTML5触摸事件实现移动端简易进度条的实现方法

    前言HTML中新添加了许多新的事件,但由于兼容性的问题,许多事件都没有广泛的应用,接下来为大家介绍一些好用的移动端触摸事件: touchstart、touchmove、touchend。介绍下面我们来简单介绍一下这几个事件:touchsta
    2025-03-20
  • 浅谈html5标签css3的常用样式

    浅谈html5标签css3的常用样式

    <meta name=>name:有如下6个值:application-name:文档名或者应用名,整个文档只能包含一个值。author:文档作者description:文档描述generator:生成文档的程序。keywords:网页关键
    2025-03-20
  • html5中监听canvas内部元素点击事件的三种方法

    html5中监听canvas内部元素点击事件的三种方法

    canvas内部元素不能像DOM元素一样方便的添加交互事件监听,因为canvas内不存在元素这个概念,他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍,想要监听图形的点击事件思路很简单,只要监听canvas元素本身的点
    2025-03-20
  • HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例

    HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例

    本文介绍了HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例,具体如下:实现效果1.首先创建html代码<canvas id=canvas width=500 height=500 style=background:#000;
    2025-03-20
  • HTML iframe和frameset的区别_动力节点Java学院整理

    HTML iframe和frameset的区别_动力节点Java学院整理

    简介1.<html">iframe> 标签:iframe 是个内联框架,是在页面里生成个内部框架。2.<frameset> 标签:frameset定义一个框架集,包含多个子框架,每个框架都有独立的文档。<iframe> 标签iframe 是
    2025-03-20
  • HTML使用canvas实现弹幕功能

    HTML使用canvas实现弹幕功能

    简介最近在做大作业的时候需要做一个弹幕播放器。借鉴了一下别人的源码自己重新实现了一个,演示如下主要的功能有发送弹幕设置弹幕的颜色,速度和类型显示弹幕已知缺陷:不能全屏canvas没有做自适应没有自定义播放器控件没有根据播放时间显示相应的弹幕
    2025-03-20
  • 配置H5的滚动条样式的示例代码

    配置H5的滚动条样式的示例代码

    本文介绍了配置H5的滚动条样式的示例代码,分享给大家,具体如下:/* 滚动条的滑轨背景颜色 */::-webkit-scrollbar-track { background-color: #b46868;}/* 滑块颜色 */::-w
    2025-03-20
  • html、css和js注释规范用法小结

    html、css和js注释规范用法小结

    添加必要的注释,对一个有责任心、有道德模范的前端必须具备的好习惯,可以大大提高代码的可维护性、可读性。首先大家需要熟悉一下html、css、js的注释的写法:html注释:<!--注释内容-->css注释://注释内容 单行注释(不推荐使用
    2025-03-20
  • html2canvas关于图片不能正常截取的解决方案

    html2canvas关于图片不能正常截取的解决方案

    问题首先说说遇到了什么问题。首先有这么一个需求。需要前端根据后端传过来数据,动态的生成图片。图片中的文案、背景图片、用户头像全部都是通过后端的接口获取。但是使用html2canvas生成的canvas有些图片成功的在canvas里生成了。但
    2025-03-19
  • Html5实现移动端、PC端 刮刮卡效果

    Html5实现移动端、PC端 刮刮卡效果

    先给大家展示下效果图:刮刮卡需求:每一位用户有三次刮刮卡的机会本次刮刮卡的结果会覆盖上次的结果刮刮卡的中奖几率呈现为递增的曲线(保证三次中必须有一次中奖)刮出的结果包含按钮既(领取奖品 or 再来一次 )分享活动奖品升级(这里主要是微信分享
    2025-03-19
  • html2canvas把div保存图片高清图的方法示例

    html2canvas把div保存图片高清图的方法示例

    本文介绍了html2canvas把div保存图片高清图的方法示例,分享给大家,具体如下:http://www.bootcdn.cn/(可以搜索html2canvans)1.选择html2canvas版本(这个版本可以放大倍数保证图片清晰)默
    2025-03-19
  • Html5新标签datalist实现输入框与后台数据库数据的动态匹配

    Html5新标签datalist实现输入框与后台数据库数据的动态匹配

    最近项目中涉及到一个小功能,客户在选择供应商时,由于供应商数目较多(大概3000个左右),因此直接生成下拉框显然不现实,所以就更换解决方案,打算借助HTML5新增的标签datalist来实现输入中文/拼音首字母时,自动进入数据库模糊查询,并
    2025-03-19
  • 详解HTML中的图片标签的用法

    详解HTML中的图片标签的用法

    在HTML中<img>这个标签是定义文本中的图片标签,它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性,比如Alt这个属性,可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百
    2025-03-19
  • HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能

    HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能

    之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊、通讯录、探索、我四个模块 左右触摸滑屏切换,聊天页面优化了多图预览、视频播放,长按菜单U
    2025-03-19