zoukankan
html css js c++ java
javascript幻灯片
<!
DOCTYPE HTML PUBLIC
"
-//W3C//DTD HTML 4.0 Transitional//EN
"
>
<
HTML
>
<
HEAD
>
<
TITLE
>
New Document
<
/
TITLE>
<
META NAME
=
"
Generator
"
CONTENT
=
"
EditPlus
"
>
<
META NAME
=
"
Author
"
CONTENT
=
""
>
<
META NAME
=
"
Keywords
"
CONTENT
=
""
>
<
META NAME
=
"
Description
"
CONTENT
=
""
>
<
/
HEAD>
<
BODY
>
<
div align
=
"
center
"
><
div id
=
AdRotator
><
/
div><
/
div
>
<
SCRIPT LANGUAGE
=
"
JavaScript
"
>
<!--
function
adRotator()
{}
;
adRotator.initialize
=
function
(o)
{
//
script by blueDestiny
this
._t
=
new
Array();
this
._l
=
new
Array();
this
._p
=
new
Array();
this
._i
=
new
Image();
this
._c
=
0
;
this
._f
=
false
;
this
._o
=
o;
this
._timeout
=
null
;
this
._html
=
""
;
//
configration.
//
@ image width
//
@ image height
//
@ rotator speed
//
@ filter type
this
._w
=
202
;
this
._h
=
300
;
this
._s
=
3
;
this
._x
=
23
;
return
this
;
}
;
adRotator.add
=
function
(p,t,l)
{
with
(
this
)
{
_p.push(p);
_t.push(t);
_l.push(l);
}
}
;
adRotator.load
=
function
()
{
with
(adRotator)
{
if
( _i.readyState
==
'
complete
'
)
{
if
(_p.length
-
1
==
_c)
{
_f
=
true
;
_c
=
0
;
window.clearTimeout(_timeout);
//
getRef("AdRotator").innerHTML="complete";
adRotator.play();
}
else
{
_c
++
;
getRef(_o).innerHTML
=
"
total images
"
+
_p.length
+
"
, loading picture
"
+
_c
+
'
'
+
_i.readyState
+
"
"
;
_timeout
=
window.setTimeout(adRotator.load,
10
)
}
}
else
{
getRef(_o).innerHTML
=
"
total images
"
+
_p.length
+
"
, loading picture
"
+
_c
+
'
'
+
_i.readyState
+
"
"
;
_timeout
=
window.setTimeout(adRotator.load,
10
)
}
}
}
;
adRotator.play
=
function
()
{
with
(adRotator)
{
if
( _f )
{
_html
=
""
;
_html
+=
'
<table style="border:0px solid #333333;" bgcolor="#ff0000"><tr><td style="font-size:9pt;font-family:tahoma;font-weight:bold;">
'
_html
+=
'
<div id="rotatorPlayer"
'
+
'
style="
'
+
_w
+
''
+
'
;height:"
'
+
_h
+
'
"
'
+
'
>
'
_html
+=
'
<a href="
'
+
( _l[_c]
?
_l[_c] :
"
javascript:void(0);
"
)
+
'
">
'
;
_html
+=
'
<img id="rotatorPic" src="
'
+
_p[_c]
+
'
"
'
+
'
width="
'
+
_w
+
'
"
'
+
'
height="
'
+
_h
+
'
"
'
+
(_t[_c]
?
'
title="
'
+
_t[_c]
+
'
"
'
:
''
)
+
'
style="border:1px solid blue;FILTER:revealTrans(transition=
'
+
_x
+
'
,duration=1);"
'
+
'
>
'
;
_html
+=
'
</a>
'
;
_html
+=
"
</div>
"
;
_html
+=
'
<div align="right">
'
;
_html
+=
'
<span style="height:23px"></span>
'
;
for
(
var
i
=
0
; i
<
_p.length; i
++
)
_html
+=
'
<span
'
+
'
style="border:1px solid #333333;padding:1px;height:20px;text-align:center;cursor:
'
+
(_c
==
i
?
(
'
default;background-color:red;"
'
) :
'
hand;" onclick="adRotator.select(
'
+
i
+
'
)"
'
)
+
'
>
'
+
(i
>
8
?
(i
+
1
):(
'
0
'
+
(i
+
1
)))
+
'
</span>
'
;
_html
+=
'
<span style="height:25px"></span>
'
;
_html
+=
(_t[_c]
?
(
'
<div align="center">
'
+
(_c
+
1
)
+
'
.
'
+
_t[_c]
+
'
</div>
'
):
'
<p></p>
'
);
_html
+=
"
</div></td></tr></table>
"
;
getRef(_o).innerHTML
=
_html;
getRef(
"
rotatorPic
"
).filters[
0
].Apply();
getRef(
"
rotatorPic
"
).filters[
0
].Play();
next();
}
else
{
_i.src
=
_p[_c];
adRotator.load();
}
}
}
;
adRotator.next
=
function
()
{
with
(
this
)
{
(_p.length
-
1
==
_c)
?
_c
=
0
: _c
++
;
_timeout
=
window.setTimeout(adRotator.play,_s
*
1000
);
}
}
;
adRotator.select
=
function
(i)
{
with
(
this
)
{
window.clearTimeout(_timeout);
_c
=
i;
adRotator.play();
}
}
;
adRotator.set
=
function
(second)
{
with
(
this
)
{
window.clearTimeout(_timeout);
if
((
/
\d+
/
).test(second)
==
true
)
{
_s
=
second;
adRotator.play();
}
else
{
alert(
"
must be digit!
"
)
adRotator.play();
}
}
}
;
function
getRef(id)
{
return
(document.all
?
document.all(id):document.getElementById(id));
}
adRotator.initialize(
"
AdRotator
"
);
adRotator.add(
"
http://img1.qq.com/ent/20060218/3215110.jpg
"
,
"
aa
"
,
"
http://www.blueidea.com
"
)
adRotator.add(
"
http://img1.qq.com/ent/20060218/3215111.jpg
"
,
"
bb
"
,
"
http://www.baidu.com
"
);
adRotator.add(
"
http://img1.qq.com/ent/20060218/3215112.jpg
"
)
adRotator.add(
"
http://img1.qq.com/ent/20060218/3215113.jpg
"
)
adRotator.add(
"
http://img1.qq.com/ent/20060218/3215114.jpg
"
)
adRotator.play();
//
-->
<
/
SCRIPT>
<
/
BODY>
<
/
HTML>
查看全文
相关阅读:
jquery的img的动态title换行
PHP小技巧
Jquery zTree结合Asp.net实现异步加载数据
Could not load type 'System.ServiceModel.Activation.HttpModule' from assembly 'System.ServiceModel, Version=3.0.0.0,"解决办法
ORACLE使用数据泵导入导出部分表
兼容IE、火狐、谷歌的页面关闭事件
MySQL存储引擎总结
linux常用基本命令
PHP扩展模块Pecl、Pear以及Perl的区别
php实现socket
原文地址:https://www.cnblogs.com/jinweida/p/1237345.html
最新文章
导航栏添加头像 (网络获取图片地址)切圆
图片视频毛玻璃效果实现
ios开发static关键字的理解
iPhone X的适配问题
FONT 字体颜色大全
自定义收索View
Java判断访问设备为手机、微信、PC工具类
FormData对象实现文件Ajax上传
Spring+Mybatis+jQuery.Pagination.js异步分页及JsonConfig的使用
MySQL存储过程循环添加数据
热门文章
KindEditor图片批量上传
Spring事务注解@Transactional回滚问题
Spring注解@Scheduled定时任务
POI读取/写入Excel文件
Spring+Mybatis整合报错Mapped Statements collection does not contain value原因之一
Maven创建多个子项目
嵌套点击事件只执行第一次
windows下配置wampserver
修改oracle服务器端字符集
jquery操作html小技巧
Copyright © 2011-2022 走看看