实现原理：父元素为定宽定高相对定位，且overflow：hidden，子元素为绝对定位高度继承父元素，宽度可计算或设置一个大值，通过绝对定位的left来决定显示的子元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类：
Web程序 时间：
2020-06-25 19:57:46
阅读次数：
62
效果： <!Doctype html> <html> <head> <meta charset="utf-8"> <title>MUSIC</title> <style type="text/css"> *{margin:0px;padding:0px;} #bg{position:absolute ...
分类：
Web程序 时间：
2020-06-25 16:07:21
阅读次数：
100
安装vue cnpm install vue 数据绑定 代码清单:charp-02/2.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 示例</title> </head> <body> <div id="ap ...
分类：
Web程序 时间：
2020-06-25 15:56:37
阅读次数：
55
如何使用函数random来实现课堂随机点名 1.最初的样子如下 2.点击开始点名，上面一行的文字变成名字，名字在不停的变化，开始点名变成停止点名，如下 3.点击停止点名，上面名字不动，停止点名变成开始点名，如下：李四同学回答老师问题 代码如下 <!DOCTYPE html> <html> <head ...
分类：
其他好文 时间：
2020-06-25 14:06:20
阅读次数：
61
SSM相关的配置文件模板 mybatis-config.xml <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN" "http://myb ...
分类：
其他好文 时间：
2020-06-25 14:02:16
阅读次数：
44
1.在body里面使用onload和在函数中使用setTimeout来实现当前的日期时间不断变化 2.在script中直接是用setInterval实现当前实现的日期时间不断变化 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
分类：
其他好文 时间：
2020-06-25 11:50:11
阅读次数：
49
代码如下: <!DOCTYPE html> <html> <head> <title></title> <style> table{ width: 400px; height:300px; } td{ box-shadow: 5px 5px 5px grey; padding-left: 20px; ...
分类：
其他好文 时间：
2020-06-25 11:33:03
阅读次数：
103
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ...
分类：
其他好文 时间：
2020-06-25 09:57:46
阅读次数：
55
1. 基本四瓣花型图案 根据四瓣花卉线的参数方程： t= r*(1+sin(12*θ)/5)*(0.5+sin(4*θ)/2); x=t*cos(θ)); y=t*sin(θ)); 编写如下的HTML文件。 <!DOCTYPE html> <head> <title>基本的四瓣花型图案</title ...
分类：
编程语言 时间：
2020-06-25 09:55:59
阅读次数：
61
防抖 任务频繁触发的情况下，只有任务触发的间隔超过指定间隔的时候，任务才会执行。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi ...
分类：
其他好文 时间：
2020-06-24 23:41:58
阅读次数：
70
