HTML中用JS实现旋转的圣诞树
【HTML中用JS实现旋转的圣诞树】
文章图片
From ZXW-NUDT - 锐客网 body{text-align:center}html, body{width: 100%; height: 100%; margin: 0; padding: 0; border: 0; }div{margin: 0; padding: 0; border: 0; }.nav{position: absolute; top: 0; left: 0; width: 100%; height: 27px; background-color: white; color: black; text-align: center; line-height: 25px; }a{color: black; text-decoration: none; border-bottom: 1px dashed black; }a:hover{border-bottom: 1px solid red; }.previous{float: left; margin-left: 10px; }.next{float: right; margin-right: 10px; }.green{color: green; }.red{color: red; }textarea{width: 100%; height: 100%; border: 0; padding: 0; margin: 0; padding-bottom: 20px; }.block-outer{float: left; width: 22%; height: 100%; padding: 5px; border-left: 1px solid black; margin: 30px 3px 3px 3px; }.block-inner{height: 68%; }.one{border: 0; }
关于加上背景音乐的事情 假设和本html文件有个文件夹名字是music,文件夹下有个音频文件是music.mp3。那么代码应该为:
更换背景应该是(反正我没试过):
- src是地址
- autoplay默认播放
- loop默认循环
文章图片
到此这篇关于HTML中用JS实现旋转的圣诞树的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现
- Node.js中readline模块实现终端输入
- django-前后端交互
- java中如何实现重建二叉树
- 人脸识别|【人脸识别系列】| 实现自动化妆
- paddle|动手从头实现LSTM