`
lgstarzkhl
  • 浏览: 330533 次
  • 性别: 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幻灯片特效

    28网站常用flash幻灯片特效,含flash源文件,及js代码

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

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

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

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

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款...

    简约的Flash图片淡入淡出轮显切换特效.rar

    简约的Flash图片淡入淡出轮显切换特效,flash js焦点图代码,可用于广告显示,精彩内容推荐或热点新闻推荐。

    jQuery按钮控制图片全屏幻灯片.zip

    jQuery按钮控制图片全屏幻灯片是一款类似flash动画的按钮控制图片全屏幻灯片切换代码。

    XML Flash产品幻灯片代码,适合企业网站.rar

    对,这是纯Flash实现的,没有用任何的JavaScript代码以及插件,使用外部XML作为配置文件,修改此配置文件即可更换图片及链接,Fla文件供大家研究,同时也可修改这个文件,将本幻灯切换修改为你网站适合的样式或版式...

    JS缩略图大图切换,图片轮播代码.rar

    JS缩略图大图切换,图片轮播代码,仿土豆网经典图片切换特效,鼠标点击缩略图,淡入淡出切换大图片,效果流畅似FLASH,若无鼠标点击,则自动轮播。

    JavaScript_JQuery_CSS_DIV漂亮的实例

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    javascript经典效果示例

    61:___网站首页js幻灯片代码 62:___美化过的匀速图片滚动 63:___腾讯QQ网站的Js图片切换 64:___自写Js+CSS轮显效果 65:___自动播放——Js幻灯片缓冲效果 66:___规定区域的JS拖动展示效果 67:___超漂亮Js+css图片幻灯...

    flash网页焦点图切换特效实例.rar

    FLASH JS实现的简洁图片切换,焦点图代码,可以自由设定图片张数、设置图片尺寸和外部链接,flash图片特效一向以兼容性和效果流畅而让大家喜欢。

    100多个JQuery效果示例(实例)div+css+javascrpit

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    Js新闻图片焦点图,图片推荐代码.rar

    Js新闻图片焦点图,图片推荐代码。左右带翻页箭头控制的Flash焦点幻灯片,一个新闻焦点图特效,热点图片切换功能,简约大气,非常适合新闻站、资讯站、门户网站使用。

    jquery 动态示例

    73. 一款jQuery插件slide幻灯片切换图片宽高自适应 74. 一款jQuery漂亮淡出淡入焦点大图切换源码 75. 一款jquery缩略图商品切换放大展示功能插件 76. 一款使用jQuery左右控制横向图片滚动的代码 77. 一款基于...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    一款jQuery插件slide幻灯片切换图片宽高自适应 74.一款jQuery漂亮淡出淡入焦点大图切换源码 75.一款jquery缩略图商品切换放大展示功能插件 76.一款使用jQuery左右控制横向图片滚动的代码 77.一款基于jquery...

    纯JS仿FLASH图片轮换播放特效代码

    纯JS仿FLASH图片轮换播放是一款带有缩略图选项卡,自动轮播切换的JS幻灯片。

    体育用品网站Flash焦点图代码.rar

    体育用品网站Flash焦点图特效代码,竖长型的图片切换,结合Js和XML技术共同实现,图片的下边带有控制按钮可控制图片播放,不操作的时候自动播放幻灯图片。

    5张图片的轮播切换效果.rar

    5张图片的轮播切换的图片特效,固定为5张图片的flash js广告图片轮播代码,切换效果随机,有滑出来的,有圆心慢慢拉开的,有淡入淡出的,占用网页空间小,容易布局。图片路径和链接写在3dswf.js内,根据自己的需要...

Global site tag (gtag.js) - Google Analytics