博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
右下角随机显示的CSS+JS图片广告
阅读量:6478 次
发布时间:2019-06-23

本文共 2083 字,大约阅读时间需要 6 分钟。

代码简介:

在右下角随机显示的图片广告,随机的形式是载入图片的顺序没有规律,完全由程序随机调用的图片,至于显示在什么地方,这个是灵活的,你也可以改为显示在最上角。

代码内容:

ExpandedBlockStart.gif
View Code
<
html
>
<
head
>
<
title
>
右下角随机显示的CSS+JS图片广告_网页代码站(
</
title
>
<
meta http
-
equiv
=
"
Content-Type
"
 content
=
"
text/html; charset=gb2312
"
>
</
head
>
<
body
>
<
div id
=
"
div1
"
 style
=
"
position: absolute;  text-align:center; visibility:hidden; filter: revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  
revealTrans(Transition
=
10
, Duration
=
1
)  revealTrans(Transition
=
11
, Duration
=
2
)  revealTrans(Transition
=
12
, Duration
=
3
)  revealTrans(Transition
=
17
, Duration
=
2
)  
revealTrans(Transition
=
18
, Duration
=
3
) revealTrans(Transition
=
19
, Duration
=
1
) revealTrans(Transition
=
20
, Duration
=
2
) revealTrans(Transition
=
21
, Duration
=
3
)
"
><img 
id
=
"
img1
"
></
div
>
<
script language
=
"
javascript
"
>
var n
=
0
;
var n1
=
0
;
var 
is
=
true
;
document.all.div1.style.top
=
document.body.clientHeight
-
135
;
document.all.div1.style.left
=
document.body.clientWidth
-
175
;
function showdiv(){
    n
=
Math.floor(Math.random()
*
10
);
    document.all.div1.filters[n].apply();
    
if
 (n1
==
4
){n1
=
1
}
    
else
{n1
=
n1
+
1
}
    document.all.img1.src
=
"
http://www.webdm.cn/images/wall
"
+
n1
+
"
.jpg
"
;
    
if
 (
is
==
true
){    
        document.all.div1.style.visibility
=
"
visible
"
;
        
is
=
false
;
    }
else
{
        document.all.div1.style.visibility
=
"
hidden
"
;
        
is
=
true
;
    }
    document.all.div1.filters[n].play();
    setTimeout(
"
showdiv()
"
,
6000
);
}
showdiv();
function place(){
    window.status
=
String(n);
    document.all.div1.style.top
=
parseInt(document.body.scrollTop)
+
parseInt(document.body.clientHeight)
-
135
;
    document.all.div1.style.left
=
parseInt(document.body.scrollLeft)
+
parseInt(document.body.clientWidth)
-
175
;
    setTimeout(
"
place()
"
,
50
)
}
place();
</
script
>
</
body
>
</
html
>
<
br 
/>
<
p
><
a href
=
"
http://www.webdm.cn
"
>
网页代码站
</
a
>
 
-
 最专业的网页代码下载网站 
-
 致力为中国站长提供有质量的网页代码!
</
p
>
代码来自:http:
//
www.webdm.cn/webcode/7cb4494d-f8b0-4463-9be3-66de3dc09912.html

 

转载于:https://www.cnblogs.com/webdm/archive/2011/08/04/2127082.html

你可能感兴趣的文章
JAVA虚拟机05--面试必问之JVM原理
查看>>
Algs4-2.3.1如何切分数组
查看>>
观察者模式
查看>>
在properties.xml中定义变量,在application.xml中取值问题
查看>>
js 数组
查看>>
Linux scp命令详解
查看>>
struct和typedef struct
查看>>
cell reuse & disposebag
查看>>
【故障处理】ORA-12545: Connect failed because target host or object does not exist
查看>>
云时代,程序员将面临的分化
查看>>
js判断移动端是否安装某款app的多种方法
查看>>
学习angularjs的内置API函数
查看>>
4、输出名称 Exported names
查看>>
paste工具
查看>>
Pre-echo(预回声),瞬态信号检测与TNS
查看>>
【转载】如何发送和接收 Windows Phone 的 Raw 通知
查看>>
poj2378
查看>>
Java文件清单列表
查看>>
js url传值中文乱码之解决之道
查看>>
Atitit.获取某个服务 网络邻居列表 解决方案
查看>>