HTML5
文章平均质量分 78
HTML5
无良小老板
命里有时终须有,命里无时莫强求
展开
-
Node.js创建一个简单的WebSocket接口,Vue中连接接口,实现通信交互
WebSocket 是一种在 TCP 连接上进行全双工通信的 API 技术。相比于传统的 HTTP 类型 API,WebSocket 类型接口有着更低的延迟和更高的效率,它适用于需要长时间保持连接并实时传输数据的场景,例如在线游戏、实时聊天等服务。原创 2023-12-14 12:02:31 · 927 阅读 · 0 评论 -
CSS设置超出范围滚动条和滚动条样式
当块级内容区域超出块级元素范围的时候,就会以滚动条的形式展示,你可以滚动里面的内容,里面的内容不会超出块级区域范围。原创 2023-10-23 10:29:37 · 1405 阅读 · 0 评论 -
使用响应式布局设计页面——滑动菜单
使用响应式布局设计页面——滑动菜单效果展示1)宽度大于800px时,图片周围有一圈阴影。鼠标移入时阴影由大变小最后为图上所示的样子,且每个菜单项的高度发生变化;2)宽度为520px到799px之间,鼠标移入每个菜单的时候透明度增加;3)宽度为520px到799px之间,鼠标移入每个菜单的时候透明度增加;<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8">原创 2022-05-15 15:04:16 · 1531 阅读 · 4 评论 -
CSS控制文本内容一行或多行超出部分显示省略号
CSS控制文本内容一行或多行超出部分显示省略号效果展示在写前端页面时,通常会遇到文字超出后显示省略号单行文本超出显示省略号多行文本超出显示省略号原创 2022-05-04 22:18:43 · 2200 阅读 · 0 评论 -
使用CSS3动画制作导航菜单
使用CSS3动画制作导航菜单1、使用定位属性把图片“赚”和“花”设置到相对应的位置上2、使用animation属性给中间的“赚”和“花”图片设置动画,动画效果为鼠标移入“赚”图片的时候变为“赚积分”,并且是从左到右缓慢展开的效 果3、使用transition属性给右边的“论”图片设置动画,效果为鼠标移入旋转360°效果展示代码展示<!DOCTYPE html><html> <head> <meta charset="utf-8">原创 2022-05-04 16:15:12 · 1793 阅读 · 0 评论 -
HTML5 使用canvas实现画板功能(画笔颜色切换、粗细调整、清除图像)
标签定义图形,比如图表和其他图像,您必须使用脚本来绘制图形。在画布上(Canvas)画一个红色矩形,渐变矩形,彩色矩形,和一些彩色的文字。HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。实现画笔颜色切换画笔粗细调整清除图像绘制矩形绘制圆形创建一个画布(Canvas)<canvas id="canvas" width="900" height=500" style="border: 2px #5.原创 2022-03-30 08:30:34 · 6304 阅读 · 0 评论 -
HTML5+JS实现简易的音乐播放器
HTML5+JS实现简易的音乐播放器播放器实现的功能播放/暂停音乐切换歌曲,上/下一首歌音量最大或静音音乐播放时间实时变化进度条拖拽歌曲图片切换播放器效果展示代码展示html<div class="musicBox" id="musicBox"> <audio src="music/赵季平-门楼.mp3" id="music"> 当前浏览器不支持audio </audio> <div class="leftContro原创 2022-03-17 15:10:03 · 2286 阅读 · 0 评论 -
HTML5媒体元素(audio与video)及其常用属性详解
HTML5媒体元素(audio与video)及其常用属性详解HTML 音频(Audio)元素HTML5 元素是一个 HTML5 元素,在 HTML 4 中是非法的,但在所有浏览器中都有效。The element works in all modern browsers.互联网上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了在网页上嵌入音频元素的标准,即使用<aud原创 2022-03-16 15:29:44 · 6085 阅读 · 0 评论 -
HTML5用户注册表单,包含正则表达式验证
HTML5用户注册表单,包含正则表达式验证原创 2022-03-15 12:59:47 · 1506 阅读 · 1 评论