zoukankan
html css js c++ java
超酷的 javascript 图片转换 效果
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<!--
saved from url=(0022)http://cpu.zol.com.cn/
-->
<
HTML
><
HEAD
><
TITLE
>
图片转换
</
TITLE
>
</
HEAD
>
<
BODY
>
<!--
动态图开始
-->
<
SCRIPT
language
=javascript
type
=text/javascript
>
<!--
//
var
imgUrl
=
new
Array();
var
imgLink
=
new
Array();
var
imgTitle
=
new
Array();
var
imgDigest
=
new
Array();
var
adNum
=
0
;imgUrl[
1
]
=
'http:
//
img.zol.com.cn/article/4/559/lihsZHG3eV8Es.jpg';
imgLink[
1
]
=
'
/
26
/
266536
.html';
imgTitle[
1
]
=
'还不快行动?盒装奔腾4 506降价拍卖';
imgUrl[
2
]
=
'http:
//
img.zol.com.cn/article/4/525/liYd33MzUGHJM.jpg';
imgLink[
2
]
=
'
/
26
/
265928
.html';
imgTitle[
2
]
=
'CPU价格骤降 双核心奔腾D引燃导火索';
imgUrl[
3
]
=
'http:
//
img.zol.com.cn/article/4/425/liy4cyGtOdXxk.jpg';
imgLink[
3
]
=
'
/
26
/
264586
.html';
imgTitle[
3
]
=
'1GB海盗船配6600 五千元A64游戏方案';
var
imgPre
=
new
Array();
var
j
=
0
;
for
(i
=
1
;i
<=
3
;i
++
)
{
if
( (imgUrl[i]
!=
""
)
&&
(imgLink[i]
!=
""
) )
{
j
++
;
}
else
{
break
;
}
}
function
playTran()
{
if
(document.all)
imgInit.filters.revealTrans.play();
}
var
key
=
0
;
function
nextAd()
{
if
(adNum
<
j)adNum
++
;
else
adNum
=
1
;
if
( key
==
0
)
{
key
=
1
;
}
else
if
(document.all)
{
imgInit.filters.revealTrans.Transition
=
Math.floor(Math.random()
*
23
);
imgInit.filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src
=
imgUrl[adNum];
document.images.imgInit.alt
=
imgTitle[adNum];
img_title.innerHTML
=
'
<
a href
=
'
+
imgLink[adNum]
+
' class
=
a_bei12 title
=
'
+
imgTitle[adNum]
+
'
>
'
+
imgTitle[adNum]
+
'
</
a
>
';
theTimer
=
setTimeout(
"
nextAd()
"
,
6000
);
}
function
goUrl()
{
jumpUrl
=
imgLink[adNum];
jumpTarget
=
'_blank';
if
(jumpUrl
!=
'')
{
if
(jumpTarget
!=
'')
window.open(jumpUrl,jumpTarget);
else
location.href
=
jumpUrl;
}
}
//
-->
</
SCRIPT
>
<!--
动态图结束
-->
<
SPAN
style
="CURSOR: hand"
onclick
=javascript:goUrl()
><
IMG
class
=img01
id
=imgInit
style
="BORDER-LEFT-COLOR: black; FILTER: revealTrans(duration=1,transition=5); BORDER-BOTTOM-COLOR: black; COLOR: #000000; BORDER-TOP-COLOR: black; BORDER-RIGHT-COLOR: black"
height
=180
alt
=""
src
="http://img.zol.com.cn/article/4/559/lihsZHG3eV8Es.jpg"
width
=240
border
=0
name
=imgInit
></
SPAN
>
<
SPAN
id
=img_title
></
SPAN
>
<
SCRIPT
language
=javascript
type
=text/javascript
>
document.getElementById(
"
imgInit
"
).src
=
"
javascript:nextAd()
"
;
</
SCRIPT
>
</
body
></
HTML
>
查看全文
相关阅读:
理解HTTP的POST和PUT的区别
眼见为实 — CSS的overflow属性
Iconfont的代码使用
JSP中contentType、pageEncoding和meta charset的区别
在 webpack 中使用 ECharts
MVC 中的 ViewModel
一个简单例子理解C#的协变和逆变
C#中使用委托、接口、匿名方法、泛型委托实现加减乘除算法
c#打包文件解压缩
8种主要排序算法的C#实现 (二)
原文地址:https://www.cnblogs.com/chengulv/p/354938.html
最新文章
MapReduce二次排序
MapReduce:Shuffle过程详解
Spark2.x详解
Elasticsearch及java客户端jest使用
在windows环境下基于sublime text3的node.js开发环境搭建
时间复杂度On和空间复杂度O1是什么意思?
bin sh git@github.com no such file or directory
Mysql8.0 Public Key Retrieval is not allow错误的解决办法
Spring cloud 之Feign基本使用
java.lang.NumberFormatException:For input string:"undefined"
热门文章
Spring MVC @ResponseBody和@RequestBody使用
Spring Mvc:用MultiPartFile上传单个文件,多个文件
Java 8 Lambda表达式之方法引用 ::双冒号操作符
MapBuilder,操作集合工具类
简化Redis数据访问代码RedisTemplate
XSLT on the Client and Server
使用XSLT将XML转换为XHTML
在JavaScript中声明变量时使用var和不使用var的区别
解决SpringBoot项目中Thymeleaf模板的中文乱码问题
JavaScript按位运算符~
Copyright © 2011-2022 走看看