zoukankan
html css js c++ java
javascript图片渐变轮换效果
<
html
>
<
head
>
<
title
>
图片渐变轮换效果
</
title
>
<
meta name
=
"
generator
"
content
=
"
editplus
"
>
<
meta name
=
"
author
"
content
=
"
5dshow.com
"
>
</
head
>
<
body
>
<
p
>
图片渐变轮换效果(IE),请等几秒钟看效果
</
p
>
<
a href
=
"
#
"
id
=
"
javascript.a
"
><
img src
=
"
UploadFiles/2006-6/69311881.jpg
"
id
=
"
javascript.img
"
border
=
0
style
=
"
filter:blendTrans(duration=2)
"
width
=
"
240
"
height
=
"
180
"
></
a
>
<
script
>
<!--
var
ImgSrc
=
new
Array();
//
图片地址
ImgSrc[
0
]
=
"
UploadFiles/2006-6/69846915.jpg
"
ImgSrc[
1
]
=
"
UploadFiles/2006-7/73557027.jpg
"
ImgSrc[
2
]
=
"
UploadFiles/2006-7/73557027.jpg
"
ImgSrc[
3
]
=
"
UploadFiles/2006-7/79256345.jpg
"
for
(
var
i
=
0
;i
<
ImgSrc.length;i
++
)
{(
new
Image()).src
=
ImgSrc[i];}
//
预加载图片
var
ImgAlt
=
new
Array();
//
鼠标放上去显示的文字
ImgAlt[
0
]
=
"
合纵堂相簿1
"
ImgAlt[
1
]
=
"
合纵堂相簿2
"
ImgAlt[
2
]
=
"
合纵堂相簿3
"
ImgAlt[
3
]
=
"
合纵堂相簿4
"
var
ImgHerf
=
new
Array();
//
链接
ImgHerf[
0
]
=
"
0/5dshow/archives/2006/200669165010.html
"
ImgHerf[
1
]
=
"
0/5dshow/archives/2006/200669165010.html
"
ImgHerf[
2
]
=
"
0/qiaomai/archives/2006/200673211517.html
"
ImgHerf[
3
]
=
"
0/qiaomai/archives/2006/200679131446.html
"
var
step
=
0
;
function
slideit()
{
var
oImg
=
document.getElementById(
"
javascript.img
"
);
if
(document.all)
{oImg.filters.blendTrans.apply();}
oImg.src
=
"
ImgSrc[step]
"
;
document.getElementById(
"
javascript.a
"
).href
=
"
ImgHerf[step]
"
;
oImg.title
=
ImgAlt[step];
if
(document.all)
{oImg.filters.blendTrans.play();}
step
=
(step
<
(ImgSrc.length
-
1
))
?
(step
+
1
):
0
;
(
new
Image()).src
=
ImgSrc[step];
//
加载下一个图片
}
setInterval(
"
slideit()
"
,
3000
);
//
-->
</
script
>
</
body
>
</
html
>
查看全文
相关阅读:
安装VMware Tools选项显示灰色的正确解决办法
Other UltraISO 软碟通注册码
Linux平台Boost 1.6.7的编译方法
hyper-v显示分辨率如何自动调整
Ubuntu 14.04下超级终端Minicom连接ARM(转)
Ubuntu 17.10安装VirtualBox 5.2.2 及相关问题解决
ffmpeg fails with error "max delay reached. need to consume packet"
Unity Shader 屏幕后效果——边缘检测
C++ STL vector容量(capacity)和大小(size)的区别
Unity影响渲染顺序因素的总结
原文地址:https://www.cnblogs.com/nasdaqhe/p/542017.html
最新文章
恢复晨读
嵌入式系列
坚持每天写日记
不动笔墨不读书
javascript 私有方法的实现
Namespacing in PHP (php 中使用命名空间)
第一篇博客吧
【转】promise的实现
【转】四种 post 请求格式的XMLHttpRequest 写法
【转】Nginx服务器的反向代理proxy_pass配置方法讲解, 先rewrite 再proxy_pass
热门文章
bin2hex() 函数把 ASCII 字符的字符串转换为十六进制值。字符串可通过使用 pack() 函数再转换回去。
infLuxdb 查询语句加tz(),返回结果的时间可以以指定的时区显示
【转】彻底弄懂UTF-8、Unicode、宽字符、locale
[转]PHP中pack、unpack的详细用法
go-chart 发送图文的统计报表邮件
【转】动态图演示 Promises & Async/Await 的过程
硬件pcb学习
clion 2020 activate code
ubuntu17.10 163源
Ubuntu "Unable to locate package lrzsz"解决办法
Copyright © 2011-2022 走看看