Js广告浮动代码
来源:互联网 发布:kd橱柜设计软件 编辑:程序博客网 时间:2024/06/10 21:06
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
53
54
55
56
<!DOCTYPE html>
<html>
<head lang=
"en"
>
<meta charset=
"UTF-8"
>
<title></title>
<style>
#ggFloat {
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
}
#ggFloat img {
width: 100px;
height: 100px;
}
</style>
<script>
var
x = 0;
var
y = 0;
var
flag = 1;
var
divId;
window.onload =
function
() {
divId = document.getElementById(
'ggFloat'
);
display();
};
function
display() {
var
width = screen.availWidth-320;
//获取屏幕横坐标
var
height = screen.availHeight-134;
//获取屏幕纵坐标
if
(flag == 1) {
x++;
y++;
}
else
if
(flag == 2) {
x--;
y--;
}
if
(x == 0 && y == 0) {
flag = 1;
}
else
if
(x >= width || y >= height) {
flag = 2;
}
divId.style.left = x +
'px'
;
divId.style.top = y +
'px'
;
setTimeout(
'display()'
, 10);
}
</script>
</head>
<body>
<div id=
"ggFloat"
>
<img src=
"1.gif"
/>
</div>
</body>
</html>
0 0
- 浮动广告JS代码
- js 浮动广告代码
- Js广告浮动代码
- 浮动广告最简单代码js
- js浮动广告
- 小小浮动广告js
- JS制作浮动广告
- js 浮动广告
- js两侧浮动广告
- JS 浮动广告
- 两侧浮动广告代码
- 浮动广告对联代码
- 浮动广告代码
- 浮动广告代码
- 全屏浮动广告代码
- 浮动广告代码
- 浮动广告代码
- 浮动广告代码
- Android中sql数据库adb操作
- OC:字符串提取文件(Foundation)
- UVa 103 - Stacking Boxes
- ZooKeeper的特性
- 链表(14)----合并两个有序链表
- Js广告浮动代码
- HDU 5143 - 细节题。
- OC:可变字符串(Foundation)
- highcharts之仪表盘clock
- OC:结构体(Foundation)
- 第四章:动作
- 目前Ubuntu存在的问题
- Android:自定义DialogFragment的内容和按钮
- highcharts之饼图下钻