javascript 仿flash新闻图片切换效果－推荐

最新推荐文章于 2020-10-21 16:31:59 发布

最新推荐文章于 2020-10-21 16:31:59 发布 · 260 阅读

文章标签：

#javascript #ViewUI

本文介绍了一种仿照新浪网站的图片切换效果实现方法。利用JavaScript和Flash技术，该效果可以实现在网页上平滑过渡显示多张图片，并且每张图片都链接到指定网址。代码示例中详细展示了如何设置图片路径、链接及尺寸等参数。

这篇文章具体转自哪里不记得了，不过确实很值得推荐。

在你的网页需要加载图片切换的地方

图片切换效果有好多，通过比较测试发现这个图片切换效果是不错的，仿新浪网图片切换效果。

本站javascript仿flash新闻图片切换效果－推荐

效果见[url=http://www.fansart.com]首页[/url]

<atarget=_selfhref="javascript:goUrl()">

<spanclass="f14b">

<scripttype="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/");

varfocus_width=220

varfocus_height=160

vartext_height=21

varswf_height=focus_height+text_height

varpics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3+"|"+imgUrl4+"|"+imgUrl5

varlinks=imgLink1+"|"+imgLink2+"|"+imgLink3+"|"+imgLink4+"|"+imgLink5

vartexts=imgtext1+"|"+imgtext2+"|"+imgtext3+"|"+imgtext4+"|"+imgtext5

document.write('<objectclassid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6‚0‚0‚0width="'+focus_width+'"height="'+swf_height+'">');

document.write('<paramname="allowScriptAccess"value="sameDomain"><paramname="movie"value="http://www.webjx.com/js/focus.swf"><paramname="quality"value="high"><paramname="bgcolor"value="#F0F0F0">');

document.write('<paramname="menu"value="false"><paramname=wmodevalue="opaque">');

document.write('<paramname="FlashVars"value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'">');

document.write('<embedsrc="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><spanid=focustextclass=f14b></span>