帐号: 密码:
// 设为首页 // 收藏本站 // 请您留言 // 网址导航
远方教程-满足你的求知欲!
站内搜索:
HTML ASP PHP CSS DIV Dreamweaver Photoshop Word Excel PPT SEO技巧
您当前位置:网站首页 >> HTML入门 >> HTML常用技巧 >> 阅读文章

两款实用的网页幻灯片效果代码

来源:远方教程 作者:远方教程 发布时间:2013-12-19 查看次数:3980 访问[新版]

代码一:

<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgT=new Array();
var imgTz=new Array();
var buttonShow=1;
var buttonPos=1;
var buttonX;
var buttonY;
var bakularCode=""
var adNum=0;
var dakularCode="";
imgUrl[1]="http://topnetwork.go1.icpcn.com/img/yk.jpg";  //此处替换成你的图片的绝对位置
imgUrl[2]="http://topnetwork.go1.icpcn.com/img/sd.jpg";  //此处替换成你的图片的绝对位置
imgUrl[3]="http://topnetwork.go1.icpcn.com/img/qs.jpg";  //此处替换成你的图片的绝对位置
imgUrl[4]="http://topnetwork.go1.icpcn.com/img/zx.jpg";  //此处替换成你的图片的绝对位置
var ii = 0;
ii  ++;
imgLink[ii]="http://topnetwork.go1.icpcn.com/yk/index.htm";  //此处替换成你的链接的绝对位置
imgT[ii]="<a href=’../yk’ target=’_blank’ >风云网事</a>";  //这是标题
imgTz[ii]="<p >&nbsp;&nbsp;&nbsp;&nbsp;这是站长为了学期作业专门做的网页.里面有五个链接,主要是一些文学内容,包括小说,散文,故事.可谓曲曲动人,篇篇精典,保证令你回味无穷!<br><br>&nbsp;&nbsp;&nbsp;&nbsp;完成时间:2005-08-17&nbsp;-&nbsp;2005-08-17</p>";
ii  ++;
imgLink[ii]="http://topnetwork.go1.icpcn.com/sd/index.htm";  //此处替换成你的链接的绝对位置
imgT[ii]="<a href=’../sd’ target=’_blank’ >圣诞寄语</a>";  //这是标题
imgTz[ii]="<p >&nbsp;&nbsp;&nbsp;&nbsp;圣诞节到了,送份祝福到你家.这个PGAE是我为以前的女友所做的.同时也送给天下所有已经拥有爱情或者渴望拥有爱情的每一个人.<span style=’color:#E10601’>祝浏览者爱情美满,转发者梦想成真!</span><br><br>&nbsp;&nbsp;&nbsp;&nbsp;完成时间:2005-11-25&nbsp;-&nbsp;2005-11-25</p>";
ii  ++;
imgLink[ii]="http://topnetwork.go1.icpcn.com/qs414/index.html";  //此处替换成你的链接的绝对位置
imgT[ii]="<a href=’../qs414’ target=’_blank’ >数家园字</a>";
imgTz[ii]="<p >&nbsp;&nbsp;&nbsp;&nbsp;这是我的寝室!<br>&nbsp;&nbsp;&nbsp;&nbsp;页面内记载了我寝室的同学和发生在我们之间的一些美好的回忆.如果你想了解我,那这里是一个不错的去处!<br><br>&nbsp;&nbsp;&nbsp;&nbsp;完成时间:2005-11-25&nbsp;-&nbsp;2005-11-25</p>";
ii  ++;
imgLink[ii]="http://topnetwork.go1.icpcn.com/zx/index.htm";  //此处替换成你的链接的绝对位置
imgT[ii]="<a href=’../zx’ target=’_blank’ >金粉世家</a>";  //这是标题
imgTz[ii]="<p >&nbsp;&nbsp;&nbsp;&nbsp;本页模板来自网络.但是页面内容经过了版主精心了加工.虽然内容显得有些粗糙,但主页中那两只翩翩起舞的蝴蝶足以打动每一位少女的芳心.<span style=’color:#E10601’>是女孩子做个人主页的一个不二的参考!</span><br>&nbsp;&nbsp;&nbsp;&nbsp;完成时间:2005-10-17&nbsp;-&nbsp;2005-10-18</p>";

var imgPre=new Array();
for (i=1;i<8;i++)
{
 imgPre[i]=new Image();
 imgPre[i].src=imgUrl[i];
}
function setTransition()
{
  if (document.all)
  {
 imgUrlrotator.filters.revealTrans.Transition=Math.round(Math.random()*22)+1;
 imgUrlrotator.filters.revealTrans.apply();
  }
}
function playTransition()
{
 if (document.all)
 imgUrlrotator.filters.revealTrans.play()
}
function nextAd(toNum)
{
  if(adNum<imgUrl.length-1)
    adNum++ ;
  else
    adNum=1;
  if(toNum!=null) adNum=toNum;
  setTransition();
   document.images.imgUrlrotator.src=imgUrl[adNum];
   document.getElementById(’linktext’).innerHTML="<a href="+imgLink[adNum]+" target=_blank>"+imgT[adNum]+"</a><br />"+imgTz[adNum];
   playTransition();
}
function jump2url()
{
 jumpUrl=imgLink[adNum];jumpTarget=’_blank’;
 if (jumpUrl != ’’)
 {   
  if (jumpTarget != ’’)
  window.open(jumpUrl,jumpTarget);
  else location.href=jumpUrl;
 }
}
function displayStatusMsg()
{
 status=imgLink[adNum];
 document.returnValue = true;
}
</script>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#E8F8FF">
<tr><td>
<a document.returnValue" href=""><img style="FILTER:revealTrans(duration=1,transition=18)" src="" alt="精彩推荐" /></a>
</td><td style="height:135px;padding: 3px 10px;vertical-align:top">
<label style="padding-top:8px!important;padding-top:8px;padding-top :8px;color:#666;line-height:140%!important;line-height:160%"><br/></label></td></tr>
</table>
<script language="javascript">
window.setInterval("nextAd()",3961)
</script>

第1页 第2页
打印 打印 | 关闭 关闭 评论
相关文章
图片新闻
站内搜索  
搜索
猜您喜欢  
最新更新  
阅读排行  
关于我们 | 联系方式 | 大事记 | 免责声明 | | 给我留言
部分广告源自金山联盟2345联盟 QQ咨询 站长之家QQ群:232617873
Copyright 2024 远方教程 © All Rights Reserved.

回顶部