最近看到各大门户站都有一个幻灯片特效,而且不是简单的JS特效,是FLASH和JS结合而成的觉得非常不错,今天在IT世界的原代码中查看了一下,特此发布!希望大家喜欢!有什么问题可以与我研究!<a target=_self href="goUrl()"><spanclass="f14b"><script type="text/javascript">imgUrl1="http://www.webjx.com/img/200406301.jpg";
imgtext1
="网页教学网制作素材"imgLink1=escape("http://www.webjx.com/htmldata/sort/8.html");
imgUrl2
="http://www.webjx.com/img/200406302.jpg";
imgtext2
="网页教学网网页制作专区"imgLink2=escape("http://www.webjx.com/htmldata/sort/3.html");
imgUrl3
="http://www.webjx.com/img/200406303.jpg";
imgtext3
="网页教学网网页特效专区"imgLink3=escape("http://www.webjx.com/htmldata/sort/5.html");
imgUrl4
="http://www.webjx.com/img/200406304.jpg";
imgtext4
="网页教学网视频教程"imgLink4=escape("http://www.webjx.com/htmldata/sort/15.html");
imgUrl5
="http://www.webjx.com/img/200406305.jpg";
imgtext5
="网页教学网网页制作书籍"imgLink5=escape("http://www.webjx.com/htmldata/sort/7.html");

var focus_width=280var focus_height=158var text_height=18var 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.webjx.com/js/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></span></a><span id=focustextclass=f14b></span>图片幻灯片切换特效代码一、腾讯FLASH广告

在腾讯的网站上主要有两种形式的FLASH广告,一种是带有文章标题的,如腾讯汽车频道(http://auto.qq.com/);另一种是不带文章标题的,如腾讯音乐频道(http://ent.qq.com/music/)。其实大部分的门户网站也都是这样的,因此下面我们不再区分这两种FLASH广告形式。FLASH广告的实现原理

我们看到的门户网站的FLASH广告实现起来其实非常的容易,就是用一个成形的FLASH文件+JS脚本调用,而在门户网站中,各大主编是不屑于手动修改 JS文件的,因此在发展的后期都是将JS文件和网站本身的发布程序结合起来,通过后台的动态数据调用,自动生成调用JS文件中的图片地址、标题文字以及链接地址信息,这样就非常容易的实现这种很奇妙的效果。

FLASH广告的优点

原先的各大网站都是用的JS脚本调用,经过测试,在图片为3张以上的时候,就会非常占用客户端的系统资源,以致影响网站的打开速度,其实大部分原因还是因为服务器以及带宽资源跟不上,不过一些小站的站长可能并没有注意到这点。而且,FLASH文件非常的小,即使JS文件出现问题,也不会影响整体页面的打开速度,这和以前JS出现问题,影响页面打开速度的尴尬局面有很大的不同。

腾讯汽车频道FLASH广告JS调用代码(带文章标题)<!--var focus_width=262var focus_height=170var text_height=20var swf_height=focus_height+text_height
 var pics
='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'var texts='文章标题一|文章标题二|文章标题三|文章标题四|文章标题五'document.write('<object ID="focus_flash" 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://auto.qq.com/flash/playswf.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF">');
 document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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 ID="focus_flash" src="http://auto.qq.com/flash/playswf.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#C5C5C5" 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>');//-->以上代码中,用户可以分别指出图片地址,链接地址和文章标题

腾讯音乐频道FLASH广告JS调用代码(不带文章标题)<!--var focus_width=199var focus_height=242var text_height=0var swf_height=focus_height+text_height
var pics
='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'var texts='|||'document.write('<object ID="focus_flash" 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://auto.qq.com/flash/playswf.swf"><param name="quality" value="high"><param name="bgcolor" value="#FFFFFF">');
document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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 ID="focus_flash" src="http://auto.qq.com/flash/playswf.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#C5C5C5" 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>');//-->以上代码中,用户可以分别指出图片地址,链接地址。

图片幻灯片切换特效代码二、新浪FLASH广告

新浪手机频道FLASH广告JS调用代码(带文章标题)<!--var focus_width=277var focus_height=200var text_height=20var swf_height=focus_height+text_height
 
var pics
='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#F0F0F0">');
document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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://image2.sina.com.cn/bj/zonghe/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="'+swf_height+'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write(
'</object>');//-->我们可以看到,新浪手机频道FLASH广告JS调用代码和腾讯汽车频道FLASH广告JS调用代码完全一致,可见门户网站之间也是抄来抄去,技术是没有门户之见的。

需要注意的是,并不是所有的FLASH广告JS调用代码都是完全一样的,也取决于FLASH文件自身的调用定义,所以如果看到其他好看的FLASH广告形式,千万不要只是保存了FLASH就完事了,花点时间分析一下代码,对自己本身也是一种成长。

新浪彩信频道FLASH广告JS调用代码(不带文章标题)<!--var focus_width=234var focus_height=135var text_height=0var swf_height=focus_height+text_height

var pics='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'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="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">');
document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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://image2.sina.com.cn/bj/zonghe/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="'+focus_height+'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
document.write(
'</object>');//-->图片幻灯片切换特效代码三、网易FLASH广告

网易汽车频道FLASH广告JS调用代码(不带文章标题)<!--var focus_width=250;
var focus_height
=160;
var pics
="图片地址一|图片地址二|图片地址三|图片地址四|图片地址五|";
var links
="链接地址一|链接地址二|链接地址三|链接地址四|链接地址五|";
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="'+focus_height+'">');
document.write(
'<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://cimg.163.com/auto/main-1.swf"><param name="quality" value="high"><param name="bgcolor" value="#D6D3D6">');
document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/opaque">');
document.write(
'<param name="FlashVars"value="pics='+pics+'&links='+links+'&focus_width='+focus_width+'&focus_height='+focus_height+'">');document.write('<embed src="http://cimg.163.com/auto/main-1.swf" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&focus_width='+focus_width+'&focus_height='+focus_height+'" menu="false" bgcolor="#D6D3D6" 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广告

搜狐体育频道FLASH广告JS调用代码(带文章标题)<!--var focus_width=240var focus_height=190var text_height=21var swf_height=focus_height+text_height
var pics
='图片地址一|图片地址二|图片地址三|图片地址四|图片地址五'var links='链接地址一|链接地址二|链接地址三|链接地址四|链接地址五'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="http://business.sohu.com/upload/focus.swf"> <param name="quality" value="high"><param name="bgcolor" value="#CCCCCC">');
document.write(
'<param name="menu" value="false"><param name=wmode value="http://blog.techweb.com.cn/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://business.sohu.com/upload/focus.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>');//-->

转载于:https://www.cnblogs.com/ginowang42/archive/2009/12/15/1624258.html

各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:相关推荐

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

    <script type="text/javascript"> function runEx(RunCode) { var code=RunCode.value; va ...

  2. JS实现转动随机数抽奖的特效代码

    JS实现转动随机数抽奖的特效代码 大家都玩过抽奖游戏,或者梦想抽到大奖吧.可是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码. 实现代码例如以下 <!Doct ...

  3. js中的图片指定切换效果

    js中的图片指定切换效果的实现 用到的js中的知识:js中的for循环的熟练运用 js中的this属性:指的是调用当前 方法 (函数) 的那个对象 js中的自定义属性:js可以为任意的HTML元素添加 ...

  4. 记录某大门户网站自动跳转不良网站,团队通宵排查病毒木马全过程

    某周五晚上,自己正舒服地躺在沙发上,手里的王者荣耀,米莱迪正在快乐地偷塔呢,突然一个电话打进来,一看是老板,心里一阵不祥的预感:看来这场游戏是不能善终了,兄弟们对不住了. 果不其然,事情是某机构运行了 ...

  5. Windows 7播放各大视频网站Flash视频没有声音

    装了win7后一直忙其它的,也没空上视频网,有空上网看个视频教程,打开后没声音,看看音乐和视频播放,没问题,唉,怎么所有的视频网页都没声音,肯定是系统问题了,在网上一找,果然如此,以下是解决方法,很不 ...

  6. 国耻日,各大门户网站.

    网易: 新浪: 搜狐: 三大门户,均不约而同的报道了"一个日本女人记者会",而对918装作不知.

  7. 首页轮转html代码,js制作网站首页图片轮播特效代码

    本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下 图片轮播 .warp{ width: 600px; height: 750px; position: re ...

  8. HTML+CSS+JS实现 ❤️HTML5图片幻灯片轮播切换❤️

    效果演示:  文末获取源码 代码目录: 主要代码实现: HTML代码 : <!DOCTYPE html> <html><head><meta charset= ...

  9. python 解压js压缩的图片_20行Python代码,无损压缩千百张图片!Python有多强!就不用说了...

    每个设计师.摄影师或有图片处理需求小编,都会面临批量 高清大图的困扰. 因为高清大图放到网站上会严重拖慢加载速度,或是有的地方明确限制了图片大小,因此,为了完成工作,他们总是需要先把图片压缩,再上传. ...

最新文章

  1. SourceTree的基本使用
  2. 细分领域继续进击,海尔电器寻退市增效?
  3. 中间件方法必须返回Response对象实例(tp5.1+小程序结合时候出的问题)
  4. Python CSV 中查找指定字符串
  5. 图像基本群运算--滤波
  6. django-oscar的商品显示为unavailable(不可购买)
  7. js面向对象与java面向对象的区别,被坑了,js语法跟Java面向对象语法还是有区别的...
  8. aes加密算法python实现_Python基于pycrypto实现的AES加密和解密算法示例
  9. 2017.8.16 喵星球上的点名 思考记录
  10. java泛型与c 泛型,Java泛型代码编译与javac,失败与Eclipse Helios
  11. mac linux win三系统安装教程,【教程】Windows、Linux、MacOS安装adb工具的方法
  12. Linux 中 crontab 详解及示例(收藏)
  13. jni实现回调java函数
  14. 怎样把电脑换linux系统软件,如何将OS/2应用程序移植到Linux操作系统 -电脑资料...
  15. 如何用五千块的电脑弹奏出价值十万钢琴的效果
  16. python应聘项目经历怎么写_简历中、面试中,怎么描述你的工作/项目经历?
  17. java实现一个语法检查器_Java语法检查
  18. 每日一题 第二次考试 数据库题目,7.17数据库面试题目补充
  19. 一文理解CPU进行简单加法(计算机组成原理5.1CPU的功能和基本结构)
  20. c++实现atoi()和itoa()函数(字符串和整数转化)

热门文章

  1. React学习:路由定义及传参、数据复用-学习笔记
  2. 01-申明变量及变量命名
  3. Linux系统常用目录操作函数
  4. spring boot创建一个应用
  5. Scala:Function1、Function2
  6. Java并发编程:volatile的使用
  7. BJOI 2012 求和
  8. Linux运维工程师:30道面试题整理
  9. Nginx安装手冊以及图片server部署
  10. 《javascript高级程序设计》笔记:Function类型