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
>
查看全文
相关阅读:
文档_word常用设置-操作
Java NIO总结 整理
Spring缓存注解@Cacheable、@CacheEvict、@CachePut使用
Lock和synchronized比较详解
SpringBoot如何将类中属性与配置文件中的配置进行绑定
简述MyBatis的一级缓存、二级缓存原理
服务器端filter解决ajax简单请求跨域访问问题
Spring Boot异步执行程序
程序猿和hr面试时的巅峰对决
数据库三大范式详解(通俗易懂)
原文地址:https://www.cnblogs.com/nasdaqhe/p/542017.html
最新文章
es6笔记 day2---数组热闹的循环
es6笔记 day2---函数默认参数、箭头函数、剩余参数
Android GPS 课程介绍
第 9 章 无线网络和移动网络
第 8 章 互联网上的音频/视频服务
第七章、网络安全
第六章 应用层
第五章、运输层
第四章、网络层
第三章、数据链路层
热门文章
第二章、物理层
第一章、计算机网络概述
sybasepowerdesigner15.1安装教程
Could not load the Tomcat server configuration at ServersMyEclipse Tomcat v8.5-config. The Servers
An internal error occurred during: "Updating Struts 2 Model".
org.springframework.dao.InvalidDataAccessResourceUsageException: could not extract ResultSet;
maven无法编译jsp 显示org.eclipse.jdt.internal.compiler.classfmt.ClassFormatException
SSH框架hibernate无法添加或修改,saveorupdate方法失效
ERROR StatusLogger No log4j2 configuration file found. Using default configuration
强制删除无法删除的内容
Copyright © 2011-2022 走看看