各大门户网站Flash和JS实现的图片幻灯片切换特效代码文件下载:
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_heightvar 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_heightvar 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_heightvar 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_heightvar 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_heightvar 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_heightvar 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实现的图片幻灯片切换特效代码文件下载:相关推荐
- Flash和JS实现的图片幻灯片切换特效
<script type="text/javascript"> function runEx(RunCode) { var code=RunCode.value; va ...
- JS实现转动随机数抽奖的特效代码
JS实现转动随机数抽奖的特效代码 大家都玩过抽奖游戏,或者梦想抽到大奖吧.可是有没有想过抽奖游戏是怎么实现的呐?今天就给大家分享一款转动随机数抽奖的JS特效代码. 实现代码例如以下 <!Doct ...
- js中的图片指定切换效果
js中的图片指定切换效果的实现 用到的js中的知识:js中的for循环的熟练运用 js中的this属性:指的是调用当前 方法 (函数) 的那个对象 js中的自定义属性:js可以为任意的HTML元素添加 ...
- 记录某大门户网站自动跳转不良网站,团队通宵排查病毒木马全过程
某周五晚上,自己正舒服地躺在沙发上,手里的王者荣耀,米莱迪正在快乐地偷塔呢,突然一个电话打进来,一看是老板,心里一阵不祥的预感:看来这场游戏是不能善终了,兄弟们对不住了. 果不其然,事情是某机构运行了 ...
- Windows 7播放各大视频网站Flash视频没有声音
装了win7后一直忙其它的,也没空上视频网,有空上网看个视频教程,打开后没声音,看看音乐和视频播放,没问题,唉,怎么所有的视频网页都没声音,肯定是系统问题了,在网上一找,果然如此,以下是解决方法,很不 ...
- 国耻日,各大门户网站.
网易: 新浪: 搜狐: 三大门户,均不约而同的报道了"一个日本女人记者会",而对918装作不知.
- 首页轮转html代码,js制作网站首页图片轮播特效代码
本文实例为大家分享了使用js制作一般网站首页图片轮播效果的具体代码,供大家参考,具体内容如下 图片轮播 .warp{ width: 600px; height: 750px; position: re ...
- HTML+CSS+JS实现 ❤️HTML5图片幻灯片轮播切换❤️
效果演示: 文末获取源码 代码目录: 主要代码实现: HTML代码 : <!DOCTYPE html> <html><head><meta charset= ...
- python 解压js压缩的图片_20行Python代码,无损压缩千百张图片!Python有多强!就不用说了...
每个设计师.摄影师或有图片处理需求小编,都会面临批量 高清大图的困扰. 因为高清大图放到网站上会严重拖慢加载速度,或是有的地方明确限制了图片大小,因此,为了完成工作,他们总是需要先把图片压缩,再上传. ...
最新文章
- SourceTree的基本使用
- 细分领域继续进击,海尔电器寻退市增效?
- 中间件方法必须返回Response对象实例(tp5.1+小程序结合时候出的问题)
- Python CSV 中查找指定字符串
- 图像基本群运算--滤波
- django-oscar的商品显示为unavailable(不可购买)
- js面向对象与java面向对象的区别,被坑了,js语法跟Java面向对象语法还是有区别的...
- aes加密算法python实现_Python基于pycrypto实现的AES加密和解密算法示例
- 2017.8.16 喵星球上的点名 思考记录
- java泛型与c 泛型,Java泛型代码编译与javac,失败与Eclipse Helios
- mac linux win三系统安装教程,【教程】Windows、Linux、MacOS安装adb工具的方法
- Linux 中 crontab 详解及示例(收藏)
- jni实现回调java函数
- 怎样把电脑换linux系统软件,如何将OS/2应用程序移植到Linux操作系统 -电脑资料...
- 如何用五千块的电脑弹奏出价值十万钢琴的效果
- python应聘项目经历怎么写_简历中、面试中,怎么描述你的工作/项目经历?
- java实现一个语法检查器_Java语法检查
- 每日一题 第二次考试 数据库题目,7.17数据库面试题目补充
- 一文理解CPU进行简单加法(计算机组成原理5.1CPU的功能和基本结构)
- c++实现atoi()和itoa()函数(字符串和整数转化)