首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>CSS教程>资讯:图片切换效果代码

图片切换效果代码

www.jz123.cn  2008-12-13   来源:   中国建站会员投稿    小小哥哥    我要投递新闻

<script type="text/javascript">
<!--
imgUrl1="图片链接地址1";
imgtext1="图片文字显示内容1"
imgLink1=escape("链接网页地址1");
imgUrl2="图片链接地址2";
imgtext2="图片文字显示内容2"
imgLink2=escape("链接网页地址2");
imgUrl3="图片链接地址3";
imgtext3="图片文字显示内容3"
imgLink3=escape("链接网页地址3");


 var focus_width=180//图片宽
 var focus_height=220//图片高
 var text_height=18//文字显示高度
 var swf_height = focus_height+text_height
 
 var pics=imgUrl1+"|"+imgUrl2+"|"+imgUrl3
 var links=imgLink1+"|"+imgLink2+"|"+imgLink3
 var texts=imgtext1+"|"+imgtext2+"|"+imgtext3
 
 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="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>

<!--山西网页设计QQ群12519972-->


上一篇:能够通过w3验证的css文字阴影效果 下一篇:分析基于CSS导航菜单的四个优点

评论总数:2 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图