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
>
查看全文
相关阅读:
巧用SQL生成SQL语句
update,delete与INNER JOIN 以及删除重复数据
sql判断各种类型的东西存在与否(参考)
附加数据库报错823
hibernate配置文件hibernate.cfg.xml的详细解释
向数据库插入图片以及从数据库中读取图片并显示到jsp(数据库中存储的图片字段类型为Blob或image)
Hibernate中hibernateTemplate()方法总结
spring MVC之构造ModelAndView对象
手机网站初步布局,如何建立你自己的手机网站?
(MoMoCMS教程2)创建页面——主菜单
原文地址:https://www.cnblogs.com/chengulv/p/354938.html
最新文章
微信企业付款到个人
php将html转为图片
phpstorm实现实时编辑服务器代码
HTTP协议详解
1. 两数之和
4. 寻找两个正序数组的中位数(利用二分查找找出两个有序数组第k小的元素)
50. Pow(x, n)
2. 两数相加
15. 三数之和
修复系统表(表错误: 对象 ID 2。text、ntext 或 image 节点(位于页 (1:875),槽 0,文本 ID 177078272)与该节点位于页 (1:500),槽 14 处的引用不匹配)
热门文章
coffee prince smiles
TSQL与数据结构的冒泡算法
世界是平的(The Word Is Flat)
只修改日期不修改时间(巧用convert函数)
深圳的生活,深圳的想法
修复数据库的终极之战
励志宣言(重新开始)
将数据平均分配到一个时间段内,周末去掉(精典)
新年第一PO(SQL Server2000完整卸载),嘻嘻
求助了,园子里的高手们,软件运行报401错误
Copyright © 2011-2022 走看看