TypechoJoeTheme

轩宇网

登录
用户名
密码
/
注册
用户名
邮箱
搜索到 3 篇与 HTML5 的结果
2020-04-05

将网页全部变成灰色背景

将网页全部变成灰色背景
全国各地各族人民深切悼念抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞,看到很多大型网站的给网上的网页都是灰白色,一般在全国哀悼日之类的日子,以及一些影响力很大的伟人逝世或纪念日的时候,我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。 第一种:修改CSS文件 我们可以在网页的CSS文件或在中添加以下的CSS代码,来实现网页黑白色,也就是网站变灰 CSS代码 html { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);} 第二种:在网页的标签内加入以下代码 如果你不想改动CSS文件,你可以通过在网页头部中的标签内部加入内联CSS代码的形式实现网站网页变灰 代码 <style type="text/css"> html {filter: progid:DXImageTransform.Microsoft.BasicImage(gra...
2020年04月05日
3,644 阅读
0 评论
2019-01-29

漂亮的动态气泡背景效果bubbly-bg.js

漂亮的动态气泡背景效果bubbly-bg.js
bubbly-bg.js是一款漂亮的动态气泡背景js插件。它是基于HTML5 canvas,压缩后的版本小于1kb,但是它能制作出各种漂亮的动态气泡背景效果,非常强大。 使用 可以通过npm来安装bubbly-bg.js动态气泡背景插件。 npm install bubbly-bg --save 可以在页面中引入bubbly-bg.js文件。 <script type="text/javascript" src="path/to/js/bubbly-bg.js"></script> HTML结构 如果你不指定canvas元素作为容器,而是直接在body中初始化插件,那么插件会在body之后创建一个canvas元素,这个元素具有\position: fixed和z-index: -1\属性,并且它的宽度和高度始终会等于视口的宽度和高度。例如: <body> ... <script src="js/bubbly-bg.js"></script> <script>bubbly();</sc...
2019年01月29日
5,120 阅读
0 评论
2018-08-10

如何在H5页面上添加音乐播放

如何在H5页面上添加音乐播放
在制作网页的时候,经常会遇到一些带音乐播放的场景,作品的右上角有一个音频按钮,会播放音乐,点击切换播放和暂停。下面就讲一讲如何在h5网页上添加音乐播放。 其实是很简单的,只需要简单几步就可以完成了 1、加入HTML代码,因为是绑定在每一页的右上方(或者其他位置),所以定位用了fixed,在页面底部/body之前加上html代码 <span id="musicControl"> <a id="mc_play" class="on" onclick="play_music();"> <audio id="musicfx" loop="loop" autoplay="autoplay"> <source src="mp3/Dreams.mp3" type="audio/mpeg"> </audio> </a> </span> 这里的source 标签对应的音频链接换为自己的音频连接 2、接下...
2018年08月10日
4,731 阅读
0 评论
欢迎光临轩宇网工作室