`
lgstarzkhl
  • 浏览: 335334 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

各大门户网站Flash和JS实现的图片幻灯片切换特效代码

阅读更多
图片幻灯片切换特效代码一、腾讯FLASH广告
比如
http://auto.qq.com这种是带文字介绍的
http://music.qq.com这种是不带文字介绍的
其实就是一个js调用一个flash文件件和一段js代码
我们看到的门户网站的FLASH广告实现起来其实非常的容易,就是用一个成形的FLASH文件+JS脚本调用

js脚本的调用代码如下
/*var focus_width=549;
var focus_height=160;
var text_height=0;
var swf_height = focus_height+text_height;

var host = "http://www.eaget.com.cn/";

var pics= 'http://www.eaget.com.cn/images/flash/1.jpg'
var links='http://www.eaget.com.cn/products/index_d801.asp|http://www.eaget.com.cn/products/index_md800.asp|http://www.eaget.com.cn/products/index_H100.asp|http://www.eaget.com.cn/products/index_a600.asp|http://www.eaget.com.cn/products/index_m300.asp'
var texts='#|#|#|#|#'

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="/UploadFile/ad/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#cccccc">');
document.write('<param name="menu" value="false"><param name=wmode value="opaque"><param name=wmode value="transparent">');
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="http://www.eaget.com.cn/flash/pixviewer.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#ffffff" quality="high" width="'+ focus_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write('</object>');
*/
imgUrl1="http://www.eaget.com.cn/images/flash/1.jpg";
imgtext1="#"
imgLink1=escape("http://www.eaget.com.cn/2009/a8/index.asp");
imgUrl2="http://www.eaget.com.cn/images/flash/2.jpg";
imgtext2="#"
imgLink2=escape("http://www.eaget.com.cn/products/index_x3.asp");
imgUrl3="http://www.eaget.com.cn/images/flash/3.jpg";
imgtext3="#"
imgLink3=escape("http://www.eaget.com.cn/2009/hd/index.asp");
imgUrl4="http://www.eaget.com.cn/images/flash/jap.jpg";
imgtext4="#"
imgLink4=escape("http://www.eaget.com.cn/japard/index.htm");
imgUrl5="http://www.eaget.com.cn/images/flash/5.jpg";
imgtext5="#"
imgLink5=escape("http://www.eaget.com.cn/products/index_e906.asp");

var focus_width=549
var focus_height=160
var text_height=0
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.it.com.cn/images/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="http://www.eaget.com.cn/flash/focus.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>');
分享到:
评论

相关推荐

    Flash和JS实现的图片幻灯片切换特效

    标题中的“Flash和JS实现的图片幻灯片切换特效”是指使用Adobe Flash和JavaScript两种技术来创建一种动态的图片展示效果,通常这种效果被称为“图片轮播”或“幻灯片展示”。在网页设计中,这种功能常用于展示产品...

    37种效果html5+css3图片幻灯片切换特效.zip

    在这个“37种效果html5+css3图片幻灯片切换特效”压缩包中,包含了多种风格独特的图片幻灯片切换效果,旨在帮助开发者实现各种HTML5网页的幻灯片需求。 首先,HTML5是超文本标记语言的第五代版本,它引入了新的元素...

    网页幻灯片特效切换大全,内有31个范例,含HTML、CSS、JS、Xml代码和Flash、图片

    压缩包里面有31个范例,都是幻灯片的切换特效,各种切换特效都不重复,有纯js效果的,也有flash效果的,也包括目前最流行的几种幻灯片切换特效,是网页设计者的必备资源,会为你的网站増彩不少。范例中涉及到的资源...

    网站常用flash幻灯片特效

    标题中的“网站常用Flash幻灯片特效”是指在网页设计中,使用Flash技术实现的具有动态展示效果的图片或内容切换模块。这类特效通常用于网站的首页,以吸引用户注意力,展示产品或服务的关键信息。Flash是一种曾经...

    Flash和JS实现图片切换

    "Flash和JS实现的图片幻灯片切换特效.html"这个文件名暗示了这是一个实际的示例,可能包含了一个使用这两种技术实现的图片切换效果。在这个例子中,可能有Flash动画负责一部分动态效果,而JavaScript则处理用户的...

    经典FLASH+JS图片幻灯切换特效

    "经典FLASH+JS图片幻灯切换特效"是将传统的Adobe Flash技术和JavaScript语言相结合,创造出的一种高效且灵活的图片展示方式。 Flash,全称为Adobe Flash,曾是制作动态内容和交互式应用程序的主流工具,尤其在创建...

    经典FLASH+JS图片幻灯切换特效.zip

    2. **触屏兼容**: 随着移动设备的普及,幻灯片切换特效也需要考虑触摸屏手势的支持,如滑动切换。 3. **导航控制**: 包括前进/后退按钮、幻灯片指示器等,便于用户手动控制幻灯片的切换。 4. **自动播放与暂停**: ...

    flash特效幻灯片效果

    "Flash特效幻灯片效果"指的是利用Adobe Flash软件(虽然现在已被Adobe Animate替代,但仍然沿用旧名)创建的一种动态展示方式,常用于制作吸引人的图片滑动展示,即我们常说的幻灯片。这种效果能够使静态图片变得...

    一个不错的JS幻灯片网页特效

    "一个不错的JS幻灯片网页特效"这个标题表明我们将探讨一种利用JavaScript实现的幻灯片展示功能,它能够帮助网页设计师在不依赖Flash的情况下,为网站增添视觉吸引力。 幻灯片效果通常用于图片轮播、产品展示或者...

    jquery仿flash的图片幻灯片播放特效实例完整版.rar

    《jQuery实现Flash风格图片幻灯片播放特效详解》 在Web开发中,为了吸引用户的注意力并展示内容,图片幻灯片播放效果是一个常用且实用的工具。随着Flash技术的逐渐淡出,jQuery作为轻量级的JavaScript库,以其强大...

    网页模板——经典FLASH+JS图片幻灯切换特效.zip

    在“经典FLASH+JS图片幻灯切换特效”这个模板中,Flash和JavaScript的结合使用,既保留了Flash丰富的动画效果,又利用了JavaScript的灵活性和互动性。这种混合技术可以为用户提供更丰富、更个性化的视觉体验,同时在...

    仿新浪新闻Flash幻灯图片切换特效包下载

    9. **用户体验**:好的幻灯片切换特效不仅要美观,还要考虑用户体验。例如,可能包含前进和后退按钮、自动播放选项以及暂停和继续切换的功能。 10. **可定制性**:一个完善的特效包通常会提供一定的自定义选项,让...

    超炫的FLASH+XML 3D切换的幻灯代码

    "超炫的FLASH+XML 3D切换的幻灯代码"是一个利用Adobe Flash技术和XML数据格式来实现的一种特效丰富的幻灯片展示方案。下面将详细阐述这个主题的相关知识点。 首先,Flash是一种基于矢量图形的多媒体平台,它允许...

    flash大屏幻灯片展示.rar

    以下是一个简单的JavaScript幻灯片展示的关键概念和步骤: 1. HTML结构:首先,我们需要在HTML中创建一个容器,包含所有的幻灯片。每个幻灯片可以是一个`&lt;div&gt;`,并通过CSS设置其隐藏或显示状态。 2. CSS样式:CSS...

    图片切换特效(纯FLASH)

    在压缩包文件中,"codefans.net"可能是源代码的文件名或链接,这可能包含实现上述图片切换特效的Flash源文件(.fla)和编译后的SWF文件。通过查看和分析这些代码,开发者可以学习如何用ActionScript编写类似的特效,...

    无falsh图片切换图片幻灯片

    图片幻灯片就是JS特效的一种,通过编写JavaScript代码,可以实现图片的自动轮播、手动切换、过渡动画等多种功能。这种技术通常结合HTML和CSS来完成布局和样式设置,而JavaScript则负责动态逻辑的处理。 在提供的...

    flash+XML幻灯片翻页轮换效果源代码

    在IT行业中,Flash和XML是两种非常重要的技术,它们经常被结合使用以实现丰富的交互式内容,如动态展示、多媒体播放以及我们今天讨论的主题——幻灯片翻页轮换效果。这个"Flash+XML幻灯片翻页轮换效果源代码"是一个...

Global site tag (gtag.js) - Google Analytics