这篇文章具体转自哪里不记得了,不过确实很值得推荐。
在你的网页需要加载图片切换的地方
图片切换效果有好多,通过比较测试发现这个图片切换效果是不错的,仿新浪网图片切换效果。
本站javascript 仿flash新闻图片切换效果-推荐
效果见[url = http: // www.fansart.com]首页[/url]
< a target = _self href = " javascript:goUrl() " >
< span class = " f14b " >
< script type = " text/javascript " >
imgUrl1 = " http://www.fansart.com/qiehuan/1.jpg " ;
imgtext1 = " http://www.fansart.com "
imgLink1 = escape( " http://fansart.com/ " );
imgUrl2 = " http://www.fansart.com/qiehuan/2.jpg " ;
imgtext2 = " http://www.fansart.com "
imgLink2 = escape( " http://fansart.com " );
imgUrl3 = " http://www.fansart.com/qiehuan/3.jpg " ;
imgtext3 = " http://www.fansart.com "
imgLink3 = escape( " http://fansart.com/ " );
imgUrl4 = " http://www.fansart.com/qiehuan/4.jpg " ;
imgtext4 = " http://www.fansart.com "
imgLink4 = escape( " http://fansart.com " );
imgUrl5 = " http://www.fansart.com/qiehuan/5.jpg " ;
imgtext5 = " http://www.fansart.com "
imgLink5 = escape( " http://fansart.com/ " );
var focus_width = 220
var focus_height = 160
var text_height = 21
var swf_height = focus_height + text_height
var pics = imgUrl1 + " | " + imgUrl2 + " | " + imgUrl3 + " | " + imgUrl4 + " | " + imgUrl5
var links = imgLink1 + " | " + imgLink2 + " | " + imgLink3 + " | " + imgLink4 + " | " + imgLink5
var texts = imgtext1 + " | " + imgtext2 + " | " + imgtext3 + " | " + imgtext4 + " | " + imgtext5
document.write( ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6‚0‚0‚0 width=" ' + focus_width + ' " height=" ' + swf_height + ' "> ' );
document.write( ' <param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"> <param name="bgcolor" value="#F0F0F0"> ' );
document.write( ' <param name="menu" value="false"><param name=wmode value="opaque"> ' );
document.write( ' <param name="FlashVars" value="pics= ' + pics + ' &links= ' + links + ' &texts= ' + texts + ' &borderwidth= ' + focus_width + ' &borderheight= ' + focus_height + ' &textheight= ' + text_height + ' "> ' );
document.write( ' <embed src="pixviewer.swf" wmode="opaque" FlashVars="pics= ' + pics + ' &links= ' + links + ' &texts= ' + texts + ' &borderwidth= ' + focus_width + ' &borderheight= ' + focus_height + ' &textheight= ' + text_height + ' " menu="false" bgcolor="#F0F0F0" quality="high" width =" ' + focus_width + ' " height=" ' + focus_height + ' " allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> ' ); document.write( ' </object> ' );
</ script >
</ span ></ a >< span id = focustext class = f14b > </ span >
本站javascript 仿flash新闻图片切换效果-推荐
效果见[url = http: // www.fansart.com]首页[/url]
< a target = _self href = " javascript:goUrl() " >
< span class = " f14b " >
< script type = " text/javascript " >
imgUrl1 = " http://www.fansart.com/qiehuan/1.jpg " ;
imgtext1 = " http://www.fansart.com "
imgLink1 = escape( " http://fansart.com/ " );
imgUrl2 = " http://www.fansart.com/qiehuan/2.jpg " ;
imgtext2 = " http://www.fansart.com "
imgLink2 = escape( " http://fansart.com " );
imgUrl3 = " http://www.fansart.com/qiehuan/3.jpg " ;
imgtext3 = " http://www.fansart.com "
imgLink3 = escape( " http://fansart.com/ " );
imgUrl4 = " http://www.fansart.com/qiehuan/4.jpg " ;
imgtext4 = " http://www.fansart.com "
imgLink4 = escape( " http://fansart.com " );
imgUrl5 = " http://www.fansart.com/qiehuan/5.jpg " ;
imgtext5 = " http://www.fansart.com "
imgLink5 = escape( " http://fansart.com/ " );
var focus_width = 220
var focus_height = 160
var text_height = 21
var swf_height = focus_height + text_height
var pics = imgUrl1 + " | " + imgUrl2 + " | " + imgUrl3 + " | " + imgUrl4 + " | " + imgUrl5
var links = imgLink1 + " | " + imgLink2 + " | " + imgLink3 + " | " + imgLink4 + " | " + imgLink5
var texts = imgtext1 + " | " + imgtext2 + " | " + imgtext3 + " | " + imgtext4 + " | " + imgtext5
document.write( ' <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6‚0‚0‚0 width=" ' + focus_width + ' " height=" ' + swf_height + ' "> ' );
document.write( ' <param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://www.webjx.com/js/focus.swf"><param name="quality" value="high"> <param name="bgcolor" value="#F0F0F0"> ' );
document.write( ' <param name="menu" value="false"><param name=wmode value="opaque"> ' );
document.write( ' <param name="FlashVars" value="pics= ' + pics + ' &links= ' + links + ' &texts= ' + texts + ' &borderwidth= ' + focus_width + ' &borderheight= ' + focus_height + ' &textheight= ' + text_height + ' "> ' );
document.write( ' <embed src="pixviewer.swf" wmode="opaque" FlashVars="pics= ' + pics + ' &links= ' + links + ' &texts= ' + texts + ' &borderwidth= ' + focus_width + ' &borderheight= ' + focus_height + ' &textheight= ' + text_height + ' " menu="false" bgcolor="#F0F0F0" quality="high" width =" ' + focus_width + ' " height=" ' + focus_height + ' " allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> ' ); document.write( ' </object> ' );
</ script >
</ span ></ a >< span id = focustext class = f14b > </ span >