发段图片改变的Javascript(来自升华paperframe)
2005-09-02 17:51
239 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language='javascript'>
isns = navigator.appName == "Netscape";
//定义播放图片张数
img1=new Image()
img2=new Image()
//img3=new Image()
//img4=new Image()
//img5=new Image()
//图片路径、文件名
img1.src='paperimages/001.jpg'
img2.src='paperimages/002.jpg'
img3.src='paperimages/003.jpg'
img4.src='paperimages/004.jpg'
img5.src='paperimages/005.jpg'
nn=1
function change_img()
{
eval('document.pic.src=img'+nn+'.src');
nn++;
if(nn>2) nn=1
if(!isns)
{
if(pic.filters.item(0).Transittion==23)
pic.filters.item(0).Transition=1;else
pic.filters.item(0).transition++;
pic.filters.item(0).apply()
pic.style.visibility='visible'
pic.filters.item(0).play()
setTimeout("pic.style.visibility='hidden'",4000);
}
else
document.pic.visibility='visible'
tt=setTimeout('change_img()',4000)
}
function imglink(){
if(nn==2){
window.open('http://www.54sh.com','_blank');
}
if(nn==1){
window.open('http://www.fairall.cn','_blank');
}
if(nn==3){
window.open('http://www.126.com','_blank');
}
if(nn==4){
window.open('http://www.sina.com','_blank');
}
if(nn==5){
window.open('http://www.baidu.com','_blank');
}
}
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<body onload="change_img();">
<table width="326" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<th scope="col"><img src="images/001.jpg" name="pic" width="326" height="155" border="0" id="pic" style='visibility:hidden;filter:revealtrans(duration=2,transition=12)' onClick="imglink()"></a></th>
</tr>
</table>
</body>
</html>
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language='javascript'>
isns = navigator.appName == "Netscape";
//定义播放图片张数
img1=new Image()
img2=new Image()
//img3=new Image()
//img4=new Image()
//img5=new Image()
//图片路径、文件名
img1.src='paperimages/001.jpg'
img2.src='paperimages/002.jpg'
img3.src='paperimages/003.jpg'
img4.src='paperimages/004.jpg'
img5.src='paperimages/005.jpg'
nn=1
function change_img()
{
eval('document.pic.src=img'+nn+'.src');
nn++;
if(nn>2) nn=1
if(!isns)
{
if(pic.filters.item(0).Transittion==23)
pic.filters.item(0).Transition=1;else
pic.filters.item(0).transition++;
pic.filters.item(0).apply()
pic.style.visibility='visible'
pic.filters.item(0).play()
setTimeout("pic.style.visibility='hidden'",4000);
}
else
document.pic.visibility='visible'
tt=setTimeout('change_img()',4000)
}
function imglink(){
if(nn==2){
window.open('http://www.54sh.com','_blank');
}
if(nn==1){
window.open('http://www.fairall.cn','_blank');
}
if(nn==3){
window.open('http://www.126.com','_blank');
}
if(nn==4){
window.open('http://www.sina.com','_blank');
}
if(nn==5){
window.open('http://www.baidu.com','_blank');
}
}
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style></head>
<body onload="change_img();">
<table width="326" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<th scope="col"><img src="images/001.jpg" name="pic" width="326" height="155" border="0" id="pic" style='visibility:hidden;filter:revealtrans(duration=2,transition=12)' onClick="imglink()"></a></th>
</tr>
</table>
</body>
</html>
相关文章推荐
- 如何使用表单结合javascript改变网页图片的大小
- JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)
- javascript: 改变和控制显示的图片大小
- javascript 滚动鼠标轮改变图片大小
- javascript: 改变和控制显示的图片大小(保持比例,同时可限制高宽)
- [置顶] 用JAVAscript 在单位时间内改变图片
- 关于使用JavaScript实现图片点击切换(附带改变导航图片 方案二)
- JavaScript 实现切换图片并且实现了链接随着图片的改变而改变
- 解决javascript动态改变img的src属性图片不显示问题
- javascript动态改变img的src属性图片不显示的解决方法
- javascript技巧--鼠标经过时图片发生改变
- 用JAVAscript 在单位时间内改变图片
- 来自腾讯的JavaScript图片滑动.htm
- 解决javascript动态改变img的src属性图片不显示问题
- JavaScript 动态改变图片大小
- javaScript改变HTML中的图片元素
- 解决javascript动态改变img的src属性图片不显示问题
- 解决javascript动态改变img的src属性图片不显示问题
- 关于使用JavaScript实现图片点击切换(附带改变导航图片 方案一)
- JavaScript之动态改变img标签里面的src属性实现图片的循环切换