这个图片切换效果比较好看

作者:cmscn 日期:2008-12-28

字体大小: 小中大

HTML代码

<HEAD><TITLE>心灵鸡汤</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY {
	MARGIN: 0px
}
TABLE {
	FONT-SIZE: 9pt; LINE-HEIGHT: 18px
}
A:link {
	FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
}
.title01 {
	FONT-WEIGHT: bold; COLOR: #ff7200
}
A:hover {
	FONT-SIZE: 9pt; COLOR: #ff0000; TEXT-DECORATION: underline
}
A:visited {
	FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none
}
.style2 {
	COLOR: #666666
}
.style3 {
	COLOR: #ff6600
}
</STYLE>
<META content="MSHTML 6.00.2900.2873" name=GENERATOR></HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=281 border=0>
  <SCRIPT>
var fadeimages = new Array;
var linkarr = new Array;
var numimg = new Array;
	fadeimages[0] = '<a href="http://www.kpfans.com/plus/pop_img/1.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/1.gif</a>';
	linkarr[0] = '<a href="http://www.kpfans.com/bbs/index.php" target="_blank" rel="external">http://www.kpfans.com/bbs/index.php</a>' ;
	numimg[0] = '<a href="http://www.kpfans.com/plus/pop_img/indexb_ad01a.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad01a.gif</a>';
	fadeimages[1] = '<a href="http://www.kpfans.com/plus/pop_img/2.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/2.gif</a>';
	linkarr[1] = '<a href="http://www.kpfans.com/bbs/index.php" target="_blank" rel="external">http://www.kpfans.com/bbs/index.php</a>';
	numimg[1] = '<a href="http://www.kpfans.com/plus/pop_img/indexb_ad02a.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad02a.gif</a>';
	fadeimages[2] = '<a href="http://www.kpfans.com/plus/pop_img/3.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/3.gif</a>';
	linkarr[2] = '<a href="http://www.kpfans.com/bbs/index.php" target="_blank" rel="external">http://www.kpfans.com/bbs/index.php</a>';
	numimg[2] = '<a href="http://www.kpfans.com/plus/pop_img/indexb_ad03a.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad03a.gif</a>';
	fadeimages[3] = '<a href="http://www.kpfans.com/plus/pop_img/4.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/4.gif</a>';
	linkarr[3] = '<a href="http://www.kpfans.com/bbs/index.php" target="_blank" rel="external">http://www.kpfans.com/bbs/index.php</a>';
	numimg[3] = '<a href="http://www.kpfans.com/plus/pop_img/indexb_ad04a.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad04a.gif</a>';
	fadeimages[4] = '<a href="http://www.kpfans.com/plus/pop_img/5.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/5.gif</a>';
	linkarr[4] = '<a href="http://www.kpfans.com/bbs/index.php" target="_blank" rel="external">http://www.kpfans.com/bbs/index.php</a>';
	numimg[4] = '<a href="http://www.kpfans.com/plus/pop_img/indexb_ad05a.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad05a.gif</a>';
var cliImg = '';
var cliImgSrc = '';
var n = Math.round(Math.random() * 10);
var interval = 5000;
var setTimeId = '';
function rotateStop()
{
	clearTimeout(setTimeId);
}
function rotateStart()
{
	rotate();
}
function chki(ci, no)
{
	var pImg = document.all.RollImg;
	var pUrl = document.all.RollUrl;
	if(cliImg == '') {
		cliImg = ci;
		cliImgSrc = ci.src;
		ci.src = numimg[no];
		n=no;
		pImg.src = fadeimages[no];
		pUrl.href = linkarr[no];		
	} else if(cliImg != ci) {
		cliImg.src = cliImgSrc;
		cliImg = ci;
		cliImgSrc = ci.src;
		ci.src = numimg[no];
		n=no;
		pImg.src = fadeimages[no];
		pUrl.href = linkarr[no];		
	}
}
function rotate()
{
	n = (n >= 4) ? 0 : n+1;
	setimgurl();
	setTimeId=setTimeout("rotate()",interval);
}
function setimgurl()
{
	var ci = eval('document.all.num_img'+n);
	document.all.RollImg.filters.blendTrans.apply();
	document.all.RollUrl.href=linkarr[n];
	document.all.RollImg.src=fadeimages[n];
	document.all.RollImg.filters.blendTrans.play();
	
	if(cliImg == '') {
		cliImg = ci;
		cliImgSrc = ci.src;
		ci.src = numimg[n];
	} else if(cliImg != ci) {
		cliImg.src = cliImgSrc;
		cliImg = ci;
		cliImgSrc = ci.src;
		ci.src = numimg[n];
	}
}
//-->
</SCRIPT>
  <TBODY>
  <TR>
    <TD vAlign=top background="<a href="http://www.kpfans.com/plus/pop_img/indexb_bg.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_bg.gif</a>" 
height=215>
      <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
        <TBODY>
        <TR>
          <TD height=14></TD>
          <TD height=14></TD>
          <TD height=14></TD></TR>
        <TR>
          <TD width=17> </TD>
          <TD width=229><A onfocus=this.blur() 
            href="#" target=_blank 
            name=RollUrl><IMG style="FILTER: blendTrans(duration=1)" height=182 
            src="<a href="http://www.kpfans.com/plus/pop_img/rose229_182.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/rose229_182.gif</a>" width=229 border=0 
            name=RollImg></A></TD>
          <TD vAlign=top>
            <TABLE cellSpacing=0 cellPadding=2 width="80%" align=center 
border=0>
              <TBODY>
              <TR>
                <TD><IMG style="CURSOR: hand" onClick="chki(this, 0);" 
                  height=15 src="<a href="http://www.kpfans.com/plus/pop_img/indexb_ad01b.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad01b.gif</a>" 
                  width=19 name=num_img0></TD></TR>
              <TR>
                <TD><IMG style="CURSOR: hand" onClick="chki(this, 1);" 
                  height=15 src="<a href="http://www.kpfans.com/plus/pop_img/indexb_ad02b.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad02b.gif</a>" 
                  width=19 name=num_img1></TD></TR>
              <TR>
                <TD><IMG style="CURSOR: hand" onClick="chki(this, 2);" 
                  height=15 src="<a href="http://www.kpfans.com/plus/pop_img/indexb_ad03b.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad03b.gif</a>" 
                  width=19 name=num_img2></TD></TR>
              <TR>
                <TD><IMG style="CURSOR: hand" onClick="chki(this, 3);" 
                  height=15 src="<a href="http://www.kpfans.com/plus/pop_img/indexb_ad04b.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad04b.gif</a>" 
                  width=19 name=num_img3></TD></TR>
              <TR>
                <TD><IMG style="CURSOR: hand" onClick="chki(this, 4);" 
                  height=15 src="<a href="http://www.kpfans.com/plus/pop_img/indexb_ad05b.gif" target="_blank" rel="external">http://www.kpfans.com/plus/pop_img/indexb_ad05b.gif</a>" 
                  width=19 
    name=num_img4></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<SCRIPT language=JavaScript>

</SCRIPT>
</BODY></HTML>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

HTML代码

<SCRIPT>
var widths=282;              
var heights=164;              
var counts=6;   
img1=new Image ();img1.src='<a href="http://www.yesky.com/imagelist/2007/018/43rx42mql3ng.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/2007/018/43rx42mql3ng.jpg</a>'; 
img2=new Image ();img2.src='<a href="http://notebook.yesky.com/imagelist/2007/017/hub8x795v23m.jpg" target="_blank" rel="external">http://notebook.yesky.com/imagelist/2007/017/hub8x795v23m.jpg</a>'; 
img3=new Image ();img3.src='<a href="http://www.yesky.com/imagelist/2007/017/dt741w2a2n42.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/2007/017/dt741w2a2n42.jpg</a>'; 
img4=new Image ();img4.src='<a href="http://www.yesky.com/imagelist/2007/016/hda926w5t574.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/2007/016/hda926w5t574.jpg</a>';  
img5=new Image ();img5.src='<a href="http://diy.yesky.com/imagelist/2007/010/190g0pqjdbw7.jpg" target="_blank" rel="external">http://diy.yesky.com/imagelist/2007/010/190g0pqjdbw7.jpg</a>'; 
img6=new Image ();img6.src='<a href="http://www.yesky.com/imagelist/2007/015/67vtz4ew2m5s.jpg" target="_blank" rel="external">http://www.yesky.com/imagelist/2007/015/67vtz4ew2m5s.jpg</a>'; 
url1=new Image ();url1.src='<a href="http://www.yesky.com/kpzhuanti/285/3035285.shtml" target="_blank" rel="external">http://www.yesky.com/kpzhuanti/285/3035285.shtml</a>';
url2=new Image ();url2.src='<a href="http://notebook.yesky.com/463/3045963.shtml" target="_blank" rel="external">http://notebook.yesky.com/463/3045963.shtml</a>';
url3=new Image ();url3.src='<a href="http://soft.yesky.com/lesson/23/3045523.shtml" target="_blank" rel="external">http://soft.yesky.com/lesson/23/3045523.shtml</a>';
url4=new Image ();url4.src='<a href="http://interbjafa.allyes.com/main/adfclick?db=interbjafa" target="_blank" rel="external">http://interbjafa.allyes.com/main/adfclick?db=interbjafa</a>&bid=2106,2080,249&cid=2627,250,1&sid=5002&show=ignore&url=http://www.intel.com/cn/quadcoreserver?iid=SW_Chinabyte_Yesky_HP+Quadcore_Clovertown_06ww52';
url5=new Image ();url5.src='<a href="http://diy.yesky.com/diyzt/306/3034806.shtml" target="_blank" rel="external">http://diy.yesky.com/diyzt/306/3034806.shtml</a>';
url6=new Image ();url6.src='<a href="http://www.yesky.com/kpzhuanti/283/3043283.shtml" target="_blank" rel="external">http://www.yesky.com/kpzhuanti/283/3043283.shtml</a>';
//天极伊永恒原创
var nn=1;
var key=0;
function change_img()
{if(key==0){key=1;}
else if(document.all)
{document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
eval('document.getElementById("pic").src=img'+nn+'.src');
eval('document.getElementById("url").href=url'+nn+'.src');
for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
document.getElementById("xxjdjj"+nn).className='bxx';
nn++;if(nn>counts){nn=1;}
tt=setTimeout('change_img()',4000);}
function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
document.write('<style>');
document.write('.axx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
document.write('</style>');
document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);background: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
document.write('</div></div>');
change_img();
</SCRIPT>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

http://bbs.blueidea.com/thread-2713721-1-1.html

文章来自: 本站原创

引用通告: 查看所有引用 | 我要引用此文章

Tags: 切换

相关日志:

评论: 0 | 引用: 0 | 查看次数: 603

发表评论

昵　称:
密　码:	游客发言不需要密码.
内　容:	正在加载编辑器...
验证码:
选　项:	禁止表情转换禁止自动转换链接禁止自动转换关键字记住我的信息,以便下次评论时不用输入用户名.

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号. 字数限制 20 字 \| UBB代码关闭 \| [img]标签关闭

这个图片切换效果比较好看

作者:cmscn 日期:2008-12-28

feed

User Panel

Archive

Search