`
lgstarzkhl
  • 浏览: 330584 次
  • 性别: 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实现的图片幻灯片切换特效代码

    网页幻灯片特效切换大全,内有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特效幻灯片效果

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

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

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

    图片切换特效(纯FLASH)

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

    无falsh图片切换图片幻灯片

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

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

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

    幻灯片源代码源文件网站图片特效

    本资源包名为“幻灯片源代码源文件网站图片特效”,包含了一系列用于创建动态、交互式图片展示的源代码,适用于js、css、flash+xml等多种技术栈。下面我们将详细探讨这些知识点。 首先,幻灯片效果通常是通过...

    flash 幻灯片 图片轮播

    Flash幻灯片图片轮播是一种常见的网页动态效果,常用于网站的首页新闻展示,它能够以生动、交互的方式展示多张图片,提升用户体验并吸引访问者的注意力。在本篇文章中,我们将深入探讨Flash幻灯片图片轮播的原理、...

    flash和js首页大屏广告切换

    在这个专题中,我们将深入探讨如何利用Flash和JavaScript实现首页广告的动态切换,以及相关的图片轮播、幻灯片效果。 首先,"五屏图文切换的广告切换效果"是指在一个页面上展示五个不同的广告内容,通过用户交互或...

    js + flash 幻灯片效果

    在“js + flash 幻灯片效果”中,JavaScript 主要负责处理用户交互,如点击按钮切换幻灯片,响应键盘输入,以及自动播放等逻辑。而Flash则可以用来创建高质量的动画效果,比如平滑的过渡,动态加载图片,或者添加...

    图片交换、幻灯片特效

    在IT行业中,图片交换和幻灯片特效是两个重要的视觉呈现技术,广泛应用于网页设计、演示文稿制作、数字媒体展示等领域。这两种技术能够提升用户体验,使内容更加生动有趣。 首先,我们来深入理解“图片交换”。图片...

    150个js特效焦点图幻灯片效果打包

    150个js特效焦点图幻灯片效果打包下载,js特效打包,资源打包,焦点图 内含: 韩国购物网flash产品推荐 国家地理官网FLASH焦点图展示 迅雷网div css js图片展示代... ChinaRen首页5屏Flash焦点图 酷6网Flash焦点图代码 ...

    比较简单实用的JS+FLASH四图切换特效

    总的来说,这个"比较简单实用的JS+FLASH四图切换特效"是一个综合运用前端技术实现动态视觉效果的例子,它结合了JavaScript的交互性与Flash的动画能力,为网页增色不少。对于初学者来说,这是一个很好的实践项目,有...

    7种图片切换效果(幻灯片)

    分别包括: ChinaJoy的Flash四屏焦点图、5屏FLASH图片切换代码、jQuery流行广告效果、京东产品内页多图展示代码、四屏JS带缩略图和箭头的焦点图代码、千龙网JS带缩略图的5屏轮换焦点图、游戏网六图Flash焦点图代码

    图文左右排列大图焦点幻灯代码(flash+xml)

    在【描述】中,我们可以看出这个代码实现的是一个图片和文字同时显示的焦点幻灯片功能。这种幻灯片通常由Flash技术和XML数据文件共同完成,Flash负责动态展示和交互效果,而XML则用来存储和管理图片及对应的文字信息...

    有loading进度条的幻灯片代码

    以及如何处理时间和动画的同步,以创建流畅的幻灯片切换和加载进度条更新。 6. **优化用户体验**:添加加载进度条到焦点图中,是为了提升用户体验。它可以帮助用户理解加载状态,避免因等待时间过长而引发的不耐烦...

Global site tag (gtag.js) - Google Analytics