加载中…
个人资料
荞麦
荞麦 新浪个人认证
  • 博客等级:
  • 博客积分:0
  • 博客访问:2,439,560
  • 关注人气:3,279
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
相关博文
谁看过这篇博文
加载中…
正文 字体大小:

幻灯片显示图片及其超级链接

(2009-03-06 14:57:09)
标签:

幻灯片

显示图片

超级链接

刘焱明/荞麦

it

分类: 电脑网络.技术交流

效果演示http://bbs.9430.cn/gg/banner.htm

 

1、在网页中增加如下代码:

 

<div align=center><IFRAME marginWidth=0 marginHeight=0 src="http://bbs.9430.cn/gg/banner.htm" frameBorder=0 noResize width=500 scrolling=no height=60></IFRAME></div>

 

2、调用的banner.htm网页代码

 

<SCRIPT language=javascript1.2>
function reapply()
{
setTimeout("slideit()",3000)
return true
}
window.onerror=reapply
</SCRIPT>

<SCRIPT language=javascript1.1>

//设定图片的网址
var image1=new Image()
image1.src="01.gif"
var image2=new Image()
image2.src="02.gif"
var image3=new Image()
image3.src="03.gif"
var image4=new Image()
image4.src="04.gif"
var image5=new Image()
image5.src="05.gif"
</SCRIPT>

</HEAD>

<BODY bgColor=#ffffff onload=slideit() leftmargin="0" topmargin="0" marginwidth="0"
marginheight="0">
<p align="center">
<a href="javascript:slidelink()"><img src="01.gif" name="slide" border=0
style="filter:revealTrans(Duration=2, Transition=23)" width=500 height=60></a>

<script>

//图片数目
var number_of_images=5
//显示时间,步长
var speed=2
var step=1
var whichimage=1

function slideit()
{
if (!document.images)
return
if (document.all)
slide.filters.item(0).Apply()
document.images.slide.src=eval_r("image"+step+".src")
if (document.all)
slide.filters.item(0).Play()
whichimage=step
if (step<number_of_images)
step++
else
step=1
if (document.all)
setTimeout("slideit()",speed*1000+3000)
else
setTimeout("slideit()",speed*1000)
}

function slidelink()
{
//图片对应的链接
popup = window.open('', 'newwin');
if (whichimage==1)
popup.location.href="
http://9430.cn/";
if (whichimage==2)
popup.location.href="
http://9430.cn/bbs/index.asp?boardid=15";
if (whichimage==3)
popup.location.href="
http://9430.cn/bbs/index.asp?boardid=54";
if (whichimage==4)
popup.location.href="
http://9430.cn/bbs/dispbbs.asp?boardID=16&ID=1846&page=1";
else if (whichimage==5)
popup.location.href="
http://9430.cn/bbs/dispbbs.asp?boardID=54&ID=2621&page=1";
}

</script>

 

说明:

1、可直接把上面的代码放在网页里面使用

2、图片大小设置在:width=500 height=60

3、图片的网址,自己修改。这里的图片在相对根目录,所以直接写成src="01.gif"之类。

0

阅读 评论 收藏 转载 喜欢 打印举报
已投稿到:
  • 评论加载中,请稍候...
发评论

    发评论

    以上网友发言只代表其个人观点,不代表新浪网的观点或立场。

      

    新浪BLOG意见反馈留言板 不良信息反馈 电话:4006900000 提示音后按1键(按当地市话标准计费) 欢迎批评指正

    新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 会员注册 | 产品答疑

    新浪公司 版权所有