前端
关注
分享
扫一扫
@星城
学习！
展开
-
audio标签的样式修改
由于html5的流行，现在移动端大多数的需求都可以使用audio来播放音频，但您可能只是需要很简单的播放/停止效果，但不同的浏览器上的audio样式却不尽人意，那么要怎么改变这个样式呢，其实它的原理比较简单，就是把写audio的时候不要用controls属性，隐藏原生的audio， 然后用div之类标签，定义css样式美化起来用来显示播放器的效果，最后用js捕获audio事件，基本就是src路径、pause暂停、load加载、play播放这些。下面是audio标签的一些相关API：控制函数功能说明lo原创 2020-08-19 13:05:41 · 5653 阅读 · 2 评论 -
微格式
什么是微格式？是以现成、流行的web技术如高度语义化的XHTML来一致地表达、传递和存储具有一定普遍形式和用途的数据结构。微格式（Microformat），是通过语意相关让内容人机可读。网页上的允许的微格式数据包括事件、人物、地点等，它可以被其他的软件检测到，并提取出相应的信息，以及对信息进行索引、搜索、跨平台的参考，把这些信息以其他形式重复使用或组合。背景介绍由于HTML中缺少相应的元素，很难突出显示人、地点或日期等类型的信息。为了解决这个问题，有一组开发人员决定开发一套标准的命名约定盒标记模式来原创 2020-08-12 12:52:29 · 766 阅读 · 0 评论 -
背景音乐自动播放（不受浏览器的限制，不需要对浏览器进行交互和修改）
总所周知，声音无法自动播放这个在 IOS/Android 上面一直是个惯例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声音的多媒体自动播放功能，紧接着在 2018 年 4 月份发布的 Chrome 66 也正式关掉了声音自动播放，也就是说 audio autopaly 和 video autoplay 在桌面版浏览器也将失效。而且网上搜索如何解决这个问题，大部分会提到...原创 2020-03-29 13:57:43 · 6087 阅读 · 5 评论 -
JS dom节点实现移上、移下的效果（表格）
如何用DOM节点去实现表格内容移上 移下的效果，我们这里需要了解两个知识点！previousSibling属性返回选定节点的上一个同级节点（在相同树层级中的前一个节点）返回节点以节点对象返回语法：document.getElementById("tr").previousSibling注意：如果不存在这样的节点，则该属性返回 nullExp:previoussibling获取的兄...原创 2020-03-23 15:55:16 · 1374 阅读 · 0 评论 -
2048小游戏（原生js基础代码篇）
今天在这里，我将给各位呈现一个简单的游戏代码。想必大家都接触过2048这个小游戏吧，在悠闲时间用于消遣时间最好不过了，那么，我给大家写一个2048最基本的原生js代码。HTML:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>2048小游戏</titl...原创 2020-02-25 12:55:57 · 6386 阅读 · 4 评论