http://www.6300.net/Dynamics/Default.aspx
这个网页上的换图片的效果怎么实现啊,我风好多网站上有效果挺漂亮的
大家看看是怎么做的啊,告诉我是怎么做的,或有
小弟感激不尽了!!!!!!

广告图片替换的代码(新闻效果)
<SCRIPT language="">
var widths=282;
var heights=164;
var counts=5;
img1=new Image ();img1.src='ad/8bm9py4950iv.jpg';
img2=new Image ();img2.src='ad/2i2i41xk9510.jpg';
img3=new Image ();img3.src='ad/o8x1fan1n689.JPG';
img4=new Image ();img4.src='ad/79g0nt4869eq.jpg';
img5=new Image ();img5.src='ad/zki8276jzg9l.jpg';

url1=new Image ();url1.src='http://design.yesky.com/video/moviemaker/';
url2=new Image ();url2.src='http://soft.yesky.com/lianluo/294/2517294.shtml';
url3=new Image ();url3.src='http://design.yesky.com/3d/441/2009941.shtml';
url4=new Image ();url4.src='http://soft.yesky.com/office/jiqiao/';
url5=new Image ();url5.src='http://www.mydown.com/dissertation/ruanjianjiaocheng/index.html';

</SCRIPT>
<SCRIPT src="ad/focus.js"></SCRIPT>
ad/focus.js

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()',5000);}
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();

[此贴子已经被作者于2007-1-8 14:13:10编辑过]

你可以直接把那个页面另存下来看哈有没

ad/focus.js

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()',5000);}
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();

这两个代码要组合起来,刚才复制少了,呵呵，不好意思啊.

你那个是不错!谢谢了 不过还少个 文字说明呢.....
我发的网点上图片下面还有文字 说明呢啊!!
它那个好像是FLASH 做的>.....

还有关键是图片切换的时候,效果能是不一样的吗?

图片的说明可以在它的属性中加alt="说明"
效果那个也是在属性中加的，不过那个单词我倒给忘了，让它等于随即的那个值就可以了，你可以上网搜索一下。

再给你一个这样的代码,更简单的.(自己注意该改的地方修改一下哦)
<td width="199" bgcolor="#FFFFFF" align="center"><div id="focusViwer">
<div align="center"><a href="#" target="_blank"><img class="img01" border="0" height="232" width="211" alt="焦点图" src="images/l_newmining_image1.jpg" />
</a> </div>
</div>
<script type="text/javascript">
<!--

var focus_width=211
var focus_height=232
var text_height=0
var swf_height = focus_height+text_height
var curhref=document.location.href;

var pics='images/l_newmining_image1.jpg|images/l_newmining_image2.jpg|images/l_newmining_image3.jpg|images/l_newmining_image4.jpg'
var links='#|#|#|#'
var texts='矿山图例|矿山图例|甲玛选厂开机动员大会|矿山图例'

var FocusFlash = new sinaFlash("/news/flash-photo/pixviewer1.1_009.swf", "focusflash", focus_width, swf_height, "7", "#F0F0F0", false, "High");
FocusFlash.addParam("allowScriptAccess", "sameDomain");
FocusFlash.addParam("menu", "false");
FocusFlash.addParam("wmode", "opaque");

FocusFlash.addVariable("pics", pics);
FocusFlash.addVariable("links", links);
FocusFlash.addVariable("texts", texts);
FocusFlash.addVariable("borderwidth", focus_width);
FocusFlash.addVariable("borderheight", focus_height);
FocusFlash.addVariable("textheight", text_height);
FocusFlash.addVariable("curhref", curhref);
FocusFlash.write("focusViwer");

//-->
</script>
</td>