Canvas跟随鼠标炫彩小球的实现
跟随鼠标炫彩小球canvas没有让我失望，真的很有意思实现效果超级炫酷实现原理 创建小球 给小球添加随机颜色，随机半径 鼠标移动通过实例化，新增小球 通过调用给原型...
2021-04-10
几款流行的HTML5 UI框架比较(小结)
手机HTML5开发，大部分都使用现有的框架，这里简单比较几个流行的UI框架。作者比较一下几款流行的HTML5框架，个人意见，仅供参考。（1）MUI网址：http://dev.dcloud.net.cn/mui/优点：MUI是...
2021-04-09
HTML如何限制input输入框只输入纯数字
限制 input 输入框只能输入纯数字使用 oninput 事件，限制input 输入框只能输入纯数字oninput = "value=value.replace(/[^\d]/g,'')"代码示例<!DOCTYPE html><html l...
2021-04-07
HTML速写之Emmet语法规则的实现
在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、属性、括号等，头疼。这里推荐一个Emmet语法规则，让你写的时候爽到飞起，能大大提高代码书写，只需要敲一行...
2021-04-07
HTML中table表格拆分合并(colspan、rowspan)
代码演示 横向合并：<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head> <meta http-equiv=...
2021-04-07
使用HTML+Css+transform实现3D导航栏的示例代码
3D是three-dimensional的缩写，就是三维图形。在计算机里显示3D图形，就是说在平面里显示三维图形。不像现实世界里，真实的三维空间，有真实的距离空间。计算机里只是看起来很像真...
2021-04-01
给原生html中添加水印遮罩层的实现示例
效果图代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" cont...
2021-04-01
html实现随机点名器的示例代码
此点名器开始点名后需点击停止按钮完成点名，因为是精简版没有考虑自动停止需求。姓名数据以字符串形式储存，适合小范围点名使用，有大量需求可自己适当改进。<head> <meta ch...
2021-04-01
如何将label标签与input标签进行绑定
1.方法一：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten...
2021-03-31
html行内元素有哪些
根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值。display属性为inline的元素为行内元素，英文：inline element，其...
2021-03-30
html怎么禁止缓存
HTML页面禁止缓存页面缓存的问题可能大家都遇到过，很多功能做完没起效果，那么怎么解决这个问题呢?这里给出我的使用的解决方法对于一个html页面，缓存分3部分，一个是页面内容，一个...
2021-03-29
html怎么取消滚动条
html中如何去掉浏览器右边的滚动条<body style="overflow-x: hidden"> 表示去掉水平滚动条。<body style="overflow-y: hidden">...
2021-03-29
html怎么实现音乐隐藏
HTML5 隐藏音乐播放器在HTML5中，初级者常使用的是audio标签结合source标签<!--music--><audio controls="controls"> <source src="song.mp3" type="audio/mp3" /></audio>下...
2021-03-29
Html5页面播放M4a音频文件
业务场景：手机app端录音，然后上传至后台服务器，前端从后台服务器获取录音，在PC端WEB页面播放。实际问题：首先app录音文件默认是m4a格式，而在PC端WEB H5页面，<audio>标签并没有明确...
2021-03-24
Html分层的box-shadow效果的示例代码
先上图：今天我们做这个效果！其实也没什么，就是分享一下大家在做网页的时候经常会遇到要做导航栏之类的，可能会觉得自己的导航栏总是少了点立体的感觉，今天我们就来看看！<!DOCTYPE...
2021-03-24
利用html+css实现菜单栏缓慢下拉效果的示例代码
目标：利用html+css实现鼠标移到菜单栏时，菜单栏会缓慢出现的效果我们可以用两种方法来解决这个问题方法一：过渡（transition）对forum-1开启绝对定位(absolute)，让里面的li从其父元...
2021-03-22
如何弹出QQ临时对话框实现不添加好友在线交谈效果
其实这个很简单，在img我们加入一个a标签，然后<a href='tencent://message/?uin=QQ号码&Site=网站地址&Menu=yes'></a>2013-4-16补充：其实这么写有一个弊端，那就是如果对方不是你...
2021-03-20
使用canvas实现雪花飘动效果的示例代码
今天我们就使用canvas来实现雪花飘落的效果❄️一、canvas是什么？HTML5 <canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成.<canvas> 标签只是图形...
2021-03-20
前端Html5如何实现分享截图的示例代码
前言这篇文章主要是介绍如何使用canvas实现分享截图，
刚开始以为通过canvas绘画分享图片并不难，但实际上在开发的时候还是遇到非常多的坑
例如：
①图片背景为透明
②分享图只有...
2021-03-18
html隐藏标签是什么
html隐藏标签是hidden定义和用法hidden 属性是布尔属性。如果设置该属性，它规定元素仍未或不再相关。浏览器不应显示已规定 hidden 属性的元素。hidden 属性也可用于防止用户...
2021-03-17
html滚动条样式如何设置
设置html滚动条样式的方法：1、新建一个HTML文档，这里设立一下基本的架构。2、再新建一个CSS文件，用link关联一下HTML文档。3、创建DIV标签，并且往里面填充内容。4、先设定一下滚...
2021-03-16
HTML5数字输入仅接受整数的实现代码
这两年我看到很多关于这方面的文章和帖子，这的确是一个非常方便的东西。但是，太多的实现还是有漏洞，残缺不全的实现，等等。整体概念是合理的：使用 HTML 5 属性来限制可以发送到服...
2021-03-16
html5新增的表单控件和表单属性有哪些
HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的...
2021-03-11
Html5移动端div固定到底部实现底部导航条的几种方式
需求：需要把导航固定在底部？只能滑动内容，导航菜单固定不动的。效果如下：这篇文章主要讲解三种实现方案，包括：fixed,absolute,以及css3的flex布局。html结构如下：<div class="box">...
2021-03-10
html怎么删除表格的第二行
html+jquery删除表格的第二行1、新建一个html文件，命名为test.html，用于讲解jquery删除table中指定行。2、在test.html文件中，使用table、td、tr标签创建一个三行两列的表格，为...
2021-03-08
怎么用html写hello world
用html写hello world1、新建并打开一个html文件（相关推荐：html教程 ）2、在该html文件的body部分，定义一个文本标签（h1~h6、p、div等），用于包含“hello world”文本即可3...
2021-03-08
HTML5特殊符号怎么显示
在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。如下面的html代码: <body> 显示：<input id="myTest" type="t...
2021-03-08
html dom是什么
一、DOM介绍1、DOM简介DOM是指文档对象模型，它是专门适用于HTML/XHTML的文档对象模型。如果你是一名软件开发人员，那么你可以将它理解为网页的API。DOM将网页中的各个元素都看...
2021-03-06
怎么用html实现音乐播放
HTML5 提供了播放音频文件的标准。<!DOCTYPE HTML><html><body><audio src="horse.ogg" controls="controls">您的浏览器不支持音频元素。</audio></body></html>说明：<audio...
2021-03-06
html怎么设置文本域的大小
html文本域在 HTML 中还有一种特殊定义的文本样式，称为文本城。它与文本框的区别在于可以添加多行文字，从而可以输人更多的文本。这类控件在一些留言板中最为常见。语法如下：<t...
2021-03-06
HTML5拖拽文件上传的示例代码
上传文件HTML5新增了文件API,提供客户端本地操作文件的可能.我们可以通过file表单或拖放操作选择文件,还可以通过JavaScript读取文件的名称、大小、类型、和修改时间.file类...
2021-03-06
HTML 拖拉功能的实现代码
基于 vue此功能核心思想就是通过 JavaScript 代码控制 node 在页面上的左边距与顶边距，不同的的样式定位方式有不同的解决方案本方案采用position: absolute定位方式的解决方...
2021-03-03
html列表框、文本域、文件域的示例代码
下拉框、文本域、文件域 上为演示效果下为代码<form method="get" action="result.html"><!--input:输入框标签，默认为text，文本框 name:为该输入框起一个名字，用来提交数据 ma...
2021-03-03
HTML页面缩小后显示滚动条的示例代码
这里记录一下如何使得HTML页面缩小之后，底部出现滚动条，使得可以通过滚动滚动条来浏览由于界面缩小而被掩盖的地方。说一下这样做的好处。首先，一般界面缩小之后不出现滚动条，用...
2021-03-03
html滑动仿悬浮球菜单效果的实现
css样式html,body{ width: 100%; height: 100%; margin: 0;padding: 0;}/*导航图标*/.NMH-g-navicon{ position: fixed; top: 40%; right: 020px; width: 100px; height: 10...
2021-03-03
html怎样把div放在底部
html把div放在底部<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style> body{ height: 500px; background: palegoldenrod; } div{ border: 1px...
2021-03-02
html如何给div加边框
html给div加边框的方法：1、新建一个HTML页面。2、在HTML的<body>中写上<div>标签，打开浏览器会有对应的效果图。3、内部嵌套css或者外部引用css文件（一般外部引用），给div增加样式...
2021-03-01
textarea属性有哪些
textarea属性有：<textarea>标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 t...
2021-03-01
HTML button标签的属性有哪些
HTML <button> 标签<button> 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。<button> 控件...
2021-03-01
行内元素和块级元素的区别有哪些
在css基础当中，我们往往会遇到块元素和行内元素。在实际开发中，会经常把他们弄混淆，而且很难记住。那么行内元素和块级元素的区别有哪些？下面给大家介绍一下。块级元素和行内元...
2021-03-01
html怎么给文字加粗
html给文字加粗的方法：1、新建一个HTML文档，如图所示2、在body标签输入p标签，如图所示3、然后在p标签里输入b标签，如图所示4、然后在b标签里输入文字，以哈哈哈为例5、再输入p标签...
2021-03-01
html点击input没有出现光标怎么办
html5点击input没有出现光标完美解决方案<input type="text" placeholder="输入姓名" class="inputname" id="id_name"><input type="text" placeholder="输入手机" class="...
2021-02-25
html的label是什么
label定义和用法<label> 标签为 input 元素定义标注（标记）。label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发...
2021-02-25
html怎么设置文字向下
1、如果是文字或者其他块级元素。使用定位的思想。position：absolute，然后boottom：0。父元素要设置为position：relative。因为绝对定位是相对于最近一个非static定位的元素的相...
2021-02-25
html5使用window.postMessage进行跨域实现数据交互的一次实战
背景在一个App内嵌的H5中，产品希望在页面的下放设置一个区域，里面展示运营同学通过活动搭建平台生成的教学页面，页面由运营同学自己搭建、替换，产品同学希望H5中能完整展示这个...
2021-02-24
快速使用svg画出精美动画！
经常在Codepen上看到大侠们用SVG画出不可思议的动画，我一直很好奇他们是怎么运作的，总觉得这需要对SVG有足够透彻的了解，并且自己画出那些SVG图案，才有办法让他动起来。但其实不...
2021-02-14
你可能会忽略但有用的 HTML 标签（总结）
随着对 JavaScript 框架和库的依赖越来越深，很多人对 HTML 的重视程度降低了。这就导致了我们无法充分利用 HTML 的很多功能，这些功能可以大大的增强网站功能。另外通过编写语...
2021-02-14
Canvas在超级玛丽游戏中的应用详解
前言在上一篇文章中, 我们基于DOM体系构建了超级玛丽, 那么在本篇文章中我们使用canvas对整个架构进行升级, 从而提升游戏的视觉体验。 有需要的同学可以查看 源码 学习.线...
2021-02-08
html 5经典书籍分享 学习H5必备
HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成...
2021-02-05
使用HTML和CSS实现的标签云效果(附demo)
标签云的效果在博客和网站上不难见到，它其实就是带有超链接的某些关键字，为了达到强调主题的作用。通常出现概率比较大或者受欢迎的标签文字显示比较大，相反的就显示的小。 来...
2021-02-04
