zoukankan      html  css  js  c++  java
  • css高级:flash嵌入

    1,由flash创建的object/embed标签的标准集。缺点:他们与各种无效属性和元素在一起被加载,破坏文档对web标准的依从性, 因为embed是人生w3c规范没有的专有元素。

    2,迂回解决方案:

    1)Flash Satay方法:http://www.alistapart.com/articles/flashstay

    将删除embed标签和一些object标签中不必要的专有属性。缺点:在IE/win中,在100%加载之前flash不能被启动。

    该方案通过嵌入一个空的“容器”动画来欺骗IE,并用这个容器剪贴板来加载实际的内容,他的参数,高度,宽度等于真正的动画参数一致。这样,IE就能以流方式成功播放动画了,标签也得到验证,但是每个嵌入动画都需要一个容器,需要创建很多额外的垃圾目录。

    以下内容为更新:

    典型标记:

    <object type="application/x-shockwave-flash"  data="your-flash-file.swf"  width="516" height="194">
     <param name="movie" value="your-flash-file.swf" />
     <param name="quality" value="high"/>
     <img src="image/tower.jpg" alt="your txet" width="516" height="194"/>
    </object>

     object模块允许在第一个参数之后简单添加一个替换内容(若用户没有安装flash则会有一个替换内容。)。这对现代浏览器几乎都有效。

     服务器端的flash satay检测:

    <object type="application/x-shockwave-flash"  data="your-flash-file.swf"  width="516" height="194">
      <!--#if expr="$(msie)"-->
      classid="classid:D27CDB6E-AE6D-11cf-96B8-444553540000"
      <!--#endif--> <param name="movie" value="your-flash-file.swf" />
      <param name="quality" value="high"/> <img src="image/tower.jpg" alt="your txet" width="516" height="194"/>
    </
    object>

    2)用js编写object/embed标签

    仍保留object/embed标签,只是将它们移到一个外部js文件中,用document.write把flash内容写入到文档中。

    在验证软件中http://validator.w3.org 可以看到js这个有效元素,看不到其中包含的flash的object/embed代码,成功跳过了o/b标签。

    examle:http://www.pag.com/pagchampionship/2004/js/flash_home.js

    在xhtml中的链接:

    <script type="text/javascript" src="http://www.pag.com/pagchampionship/2004/js/flash_home.js"></script>

    缺点:用户禁用js;每个动画都有一个外部js,过多导致崩溃。

    3)SWFObject

    目前最敏捷,最健壮的嵌入方法;友好的搜索引擎。

    http://blog.deconcept.com/swfobject

    笔记:来自于css web设计高级教程之美国职业高尔夫联盟锦标赛网站

    http://www.pga.com/pgachampionship/2004/

    下拉菜单: http://alistapart.com/article/dropdowns

  • 相关阅读:
    pg常用命令
    dmhs
    Redis集群
    Redis哨兵高可用架构
    Redis外网无法连接的问题
    Redis主从
    Redis持久化
    Redis安装
    Mysql执行计划详解
    Mysql安装配置
  • 原文地址:https://www.cnblogs.com/cnsg/p/3422088.html
Copyright © 2011-2022 走看看