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
>
查看全文
相关阅读:
ElasticSearch 基础<转载>
计算文本相似度方法总结(一)
Java入门1---关键字、标识符、变量、运算符、流程控制、数组
IntelliJ IDEA安装
java代码转python代码
python2和python3切换
在markdown中插入github仓库中的图片
MySQL:管理MySQL、事务(三)
MySQL:查询、修改(二)
MySQL:主键、外键、索引(一)
原文地址:https://www.cnblogs.com/chengulv/p/354938.html
最新文章
用Perl编写Apache模块续
搞PHP的下一门应该学习的语言是什么
WebGL/X3DOM 跑在 iOS
seajs教程之seajs学习笔记 seajs.use用法
HTML5学习笔记简明版 目录索引
MVC之前的那点事儿系列(1):进入CLR
Knockout应用开发指南(完整版) 目录索引
【轻松学排序算法】眼睛直观感受几种常用排序算法
PS抠图神器: KnockOut 2.0安装汉化和使用教程
jQuery无刷新上传之uploadify简单试用
热门文章
juicer模板引擎使用
使用redis的发布订阅模式实现消息队列
java 连接mongodb
mongodb limit()和skip()
mongodb基本操作
mongodb概念
mongodb安装
docker仓库--使用tenxcloud
docker 私有仓库的创建
elasticsearch插件安装之--中文分词器 ik 安装
Copyright © 2011-2022 走看看