js小样式

  1. 1. html,JS源码

html,JS源码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1 style="position:absolute; left:280px; top:155px; width:auto; height:210px;">你喜欢我吗?</h1>
<div id="By" style="position:absolute; left:285px; top:235px;">
<input type="button" value=" 是的! " onclick="f1()">
</div>
<div id="Bn" style="position:absolute; left:360px; top:235px;">
<input type="button" value=" 喜欢个锤子! " onmouseover="f()" onclick="f2()">
</div>
<script>
function f1(){
alert("太好来,晚上一起吃饭看电影!!!")
}
var flag=1;
function f(){
var Bn = document.getElementById('Bn');
var aWidth= document.body.clientWidth || document.documentElement.clientWidth;
var aHeight= document.body.clientHeight || document.documentElement.clientHeight;
var sJs1=Math.floor(Math.random()*aHeight);
var sJs2=Math.floor(Math.random()*aWidth);
if(flag==1){
Bn.style.top=sJs1 + 'px';
Bn.style.left=sJs2+'px';
flag=2;

}else if(flag==2){
Bn.style.top=sJs1+'px';
Bn.style.left=sJs2+'px';
flag=3;
}else if(flag==3){
Bn.style.top=235 + 'px';
Bn.style.left=286 + 'px';
flag=4;
}else if(flag==4){
Bn.style.top=235 + 'px';
Bn.style.left=360 + 'px';
flag=1;
}
}
function f2(){
alert('这不是你的真心话!');
}
</script>
</body>
</html>

项目连接:http://www.white-x.top/2021/qixi/index.html 七夕表白
项目连接:https://white-x.top/WhiteXB-old-html/ForMother-master/index.html 母亲节礼物