flash幻灯片需要先激活ActiveX控件才能使用的又一个办法

所属分类: 网络编程 / CSS/HTML 阅读数: 958
收藏 0 赞 0 分享
微软由于种种原因,在 sp2 后限制了 IE 的 ActiveX 的使用模式,就是在页面中的 ActiveX 有一个虚框,需要用户点击一次才能正常交互。Flash是作为一个 ActiveX 嵌入到网页中的,所以它也会受牵连,只有通过 JS 嵌入 Flash 才能解决这个问题。没有 Flash 版本检测,如果版本浏览器的flash插件版本不够,或者不能正常显示你的 swf 文件,或者会弹出一个 ActiveX 的确认安装的框——这个框对很多用户来说是很恐怖的,网上找了半天,没有一个关于幻灯片广告代码,没办法,自己研究了,经过测试通过。

首先在<head>区域,插入引用:
   <script. src="ad/global.js" type="text/javascript"></script>

global.js 代码如下:
复制代码 代码如下:

function my_getbyid(id) 

   itm = null; 
   if (document.getElementById) 
   { 
      itm = document.getElementById(id); 
   } 
   else if (document.all) 
   { 
      itm = document.all[id]; 
   } 
   else if (document.layers) 
   { 
      itm = document.layers[id]; 
   } 

   return itm; 


function sunad(element,url,width,height,images,links,texts) 

if (!my_getbyid(element)) return; 
var str = ''; 
str += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,9,0" width="'+ width +'" height="'+ height +'">'; 
str += '<param name="allowScriptAccess" value="sameDomain"><param name="movie" value="'+url+'"><param name="quality" value="high"><param name="bgcolor" value="#ffffff">'; 
str += '<param name="menu" value="false"><param name=wmode value="opaque">'; 
str += '<param name="FlashVars" value="pics='+images+'&links='+links+'&texts='+texts+'&borderwidth='+width+'&borderheight='+height+'&textheight=0">'; 
str += '<embed src="'+url+'" wmode="opaque" FlashVars="pics='+images+'&links='+links+'&texts='+texts+'&borderwidth='+width+'&borderheight='+height+'&textheight=0" menu="false" bgcolor="#ffffff" quality="high" width="'+ width +'" height="'+ height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />'; 
str += '</object>'; 
my_getbyid(element).innerHTML = str; 

在需要放置幻灯片的地方,用下面的代码覆盖,也可以把下面的代码单独写成一个文件调用,
如文件名为ad.asp,在幻灯片区域调用:<!--#include file="ad.asp" -->
复制代码 代码如下:

<div id="story_flash"> </div> 
<a target=_self href="javascript.:goUrl()">  
<script. type="text/javascript"> 

  url_0="http://www.abc.com"; 
  img_0="http://www.abc.com/01.jpg"; 
  url_1="http://www.abc.com"; 
  img_1="http://www.abc.com/02.jpg"; 
  url_2="http://www.abc.com"; 
  img_2="http://www.abc.com/03.jpg"; 
  url_3="http://www.abc.com"; 
  img_3="http://www.abc.com/04.jpg"; 
  url_4="http://www.abc.com"; 
  img_4="http://www.abc.com/05.jpg"; 
var focus_width=250 
var focus_height=250 
var text_height=0 
var swf_height = focus_height+text_height 
var pics =img_0+"|"+img_1+"|"+img_2+"|"+img_3+"|"+img_4 
var links=url_0+"|"+url_1+"|"+url_2+"|"+url_3+"|"+url_4 
var texts = ''; 
var focus = 'http://www.abc.com/ad/focus.swf'; 
sunad('story_flash',focus, focus_width,swf_height,pics,links,texts) 
</script> 
</a> 

上面代码中:var focus = 'http://www.abc.com/ad/focus.swf';
这句的focus.swf是flash播放文件
更多精彩内容其他人还在看

简单明了带你了解CSS Modules

不要误会,CSS Modules可不是在说“css模块化”这个好像在某些地方见过的词,它其实是特指一种近期才出现的技术手段。什么技术手段呢?下面小编来和大家一起学习一下
收藏 0 赞 0 分享

新手学习css优先级

大部分人同样也会在写css的过程中产生很多困惑,比如为什么自己写的某段css没有生效,或者呈现出的样式和预计的不同,但又不知道要如何解决。下面小编来和大家一起学习CSS的优先级
收藏 0 赞 0 分享

css进阶学习 选择符

css这种没有程序逻辑的代码中,又能找出什么来说明谁做得更出色呢?下面小编给大家说明如何从css选择符的角度来提高css代码质量。
收藏 0 赞 0 分享

实现css文字垂直居中的8种方法

CSS可以轻易实现文字的水平居中,但有时我们需要文字垂直居中,除了表格可以实现这种CSS文字垂直居中以外,还有其它几种方法可以做到
收藏 0 赞 0 分享

完美实现CSS垂直居中的11种方法

在做前端项目时CSS的水平居中我们经常使用,但有时还会用到CSS垂直居中,对于小白来说这个就有些难度了,下面看一下我是如何实现的
收藏 0 赞 0 分享

webpack高级配置与优化详解

这篇文章主要介绍了webpack高级配置与优化,其中包括了webpack打包多页面,webpack跨域问题等相关内容
收藏 0 赞 0 分享

5个HTML5的常用本地存储方式详解与介绍

在HTML5规范之前,存储主要是用cookies,但cookies缺点有在请求头上带着数据,大小是4k之内,今天为大家介绍一下H5的5种存储方式
收藏 0 赞 0 分享

CSS代码检查工具stylelint的使用方法详解

stylelint是一个强大的现代CSS检测器,可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint
收藏 0 赞 0 分享

Zen Coding css,html缩写替换大观 快速写出html,css

本文是在zen使用生产中遇到的问题做一些分享。
收藏 0 赞 0 分享

javascript代码规范小结

javascript代码规范,大家可以参考下,以便写出更利于阅读的代码。
收藏 0 赞 0 分享
查看更多