存档

文章标签 ‘html’

flash遮盖html层菜单的解决方案

2009年4月11日 没有评论
下拉菜单被flash或其他层遮住始终是个问题,相信很多人都遇到过这个问题。但这个问题其实可以说是我们自己造成的,因为我们总是不明不白的就把那写属性写或粘贴上去。下面我们来分析一下原因:

wmode 属性/参数值 Window | Opaque | Transparent

模板变量:$WM

“Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。”Window”表明此 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。

“Opaque” 使应用程序隐藏页面上位于它后面的所有内容。

“Transparent”使HTML 页的背景可以透过应用程序的所有透明部分显示出来,并且可能会降低动画性能。

“Opaque windowless”和”Transparent windowless”都可与 HTML 层交互,从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的HTML 层可以透过该部分显示出来,而”opaque”则不会显示。

如果忽略此属性,默认值为 Window。仅适用于object。

Window速度快、有效率,但无法使用z-index,也没有办法混用于DHTML图层当中,这就是为什么常有人在抱怨自己的下拉菜单跑到Flash后面。

Opaque除了可以让你正确控制z-index的样式,也可以透过Javascript來控制它的大小或是移动swf的位置!不过要注意,Opaque的背景可是没有办法透明的,也就是说,任何內容都会被放在swf下面。

至于Transparent,想当然,就是把flash的背景变成透明。让swf档案可以融入网页当中而不会出现讨厌的白底,不过,transparent在IE里面是真的透明,也就是说,下面的网页內容是可以被选取起來的,但是在FF里面,就很讨厌了,因为虽然看起來透明,但是滑鼠卻无法点选。另外,要稍微注意的是,使用这个值,会让你的flash影片变得比较慢!

找到原因了我们就来解决问题:
一、设置flash为透明:但是如果你在DW中插入动画,再加<param name=”wmode” value=”transparent”>是不生效的。要把整个的flash插件代码换成如下:

<object type=”application/x-shockwave-flash” data=”/images/banner.swf” width=”553″ height=”185″>
<param name=”movie” value=”/images/banner.swf” />
<param name=”wmode” value=”transparent” />
</object>

对比一下,和DW自动生成的代码是有区别的,测试过,IE FF 均可以。
二、设置flash置底,加个代码:<param name=”wmode” value=”opaque” />但是只加这个代码,IE可行,在FF下,失效。要想在FF下起作用,还要用在object 里加个 wmode=”opaque” ,实例代码如下:

<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0″ width=”553″ height=”185″>
<param name=”movie” value=”/images/banner.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”opaque”>
<embed src=”/images/banner.swf” wmode=”opaque” quality=”high” pluginspage=”http://www.macromedia.com/go/getflashplayer” type=”application/x-shockwave-flash” width=”553″ height=”185″></embed>
</object>

javascript给html对象绑定一个带参数的方法

2008年11月22日 没有评论

javascript中经常会碰到动态为html对象注册事件的问题,比如一个简单的例子:

function clickevent()

{

alert(“my message!”);

}

object.onclick=clickevent(msg)其实注册事件时赋值符号(=)后应该是函数的引用,也就是函数名,所以只能用object.onclick=clickevent 可是如果要想这个事件驱动的函数带上参数怎么办呢,这时候可以再创建一个无参数的新函数,新函数中执行带参数的函数就行了,很简单如下

object.onclick=function(){clickevent(msg);} 就可以了。

也可以定义一个函数

function cleckevent2()
{
return function(){alert(msg);}

}
object.onclick=clickevent2

其实原理还是一样的。

QQ空间花之神匠破解新代码:7个人参果

2007年12月13日 没有评论

QQ空间是腾讯用户最热衷的服务之一。众所周知,QQ空间里的5级的花是最漂亮的,但是需要你是QQ黄钻或者Q币。最近在网上找到了最新的花之神匠破解代码,和大家一起分享。

其实方法很简单:
地址栏中运行代码【javascript:window.top.space_addItem(7,20981,0,0,0,1,0);
  1.首先自己进入空间,将代码复制并粘贴到地址栏里。

  

复制代码

  2.按回车键,页面刷新,你所要更换的植物就已经刷新了。

  3.单击自定义,再单击保存,就完成了。

  

保存设置

  接下来就能看见最终的效果了:

  

最终效果

  怎么样,还算简单吧。如果无法正常使用,你不妨可以多试几次。笔者用的是QQ空间的最新版本,如果朋友们的空间版本太低有可能不会出现。希望自己的QQ空间长出美丽的花园的朋友抓紧时间尝试一下了,腾讯估计很快就会修复这个 bug了!

分类: 全部文章, 经典网摘 标签:

博客随机背景音乐

2006年9月20日 没有评论

每次打开博客都是同一首歌,谁都会心烦,于是写了段小程序,实现每次刷新博客可以随机播放背景音乐,代码很简单,适合初级博友使用,把下面代码加入页面中即可

 为了增加下载速度,音乐都做成了FLASH的形式,压缩比率非常高,但还可以勉强听听,呵呵,也可以换成其他格式的文件。

src后面是音乐文件的网址链接,音乐文件命名规则:blogbgn.swf,n为整数

分类: 全部文章, 生活点滴 标签:

Dreamweaver插入Flash参数

2006年8月22日 没有评论

    参数和属性

    下列标记属性和参数描述了由“发布”命令创建的 HTML 代码。在编写自己的用于显示 Flash 内容的 HTML 时,可以参考此列表。除非特别说明,否则所有条目都同时适用于 object 标记和 embed 标记。可选条目也在此列出。Internet Explorer 可以识别用于 object 标记的参数,而 Netscape 则可以识别用于 embed 标记的参数。属性既可用于 object 标记,也可用于 embed 标记。当自定义模板时,可以用此处列出的模板变量替代相应的值。请参阅自定义 HTML 发布模板。

    注意:此部分中列出的属性和参数特意以小写字母显示,以符合 XHTML 标准。

    devicefont 属性/参数

    值: true | false    模板变量:$DE    说明:    (可选)对于未选定“设备字体”选项的静态文本对象,指定是否仍使用设备字体进行绘制(如果操作系统提供了所需字体)。

    src 属性

    值: movieName.swf    模板变量:$MO    说明 : 指定要加载的 SWF 文件的名称。仅适用于 embed。

    movie 参数

    值: movieName.swf    模板变量:$MO    说明: 指定要加载的 SWF 文件的名称。仅适用于 object。

    classid 属性

    值: clsid:D27cdb6e-ae6d-11cf-96b8-444553540000    说明: 标识浏览器的 ActiveX 控件。输入的值必须与上面的显示完全一致。仅适用于 object。

    width 属性

    值: n 或 n%    模板变量:$WI    说明:以像素值或浏览器窗口的百分比值来指定应用程序的宽度。

    height 属性

    值: n 或 n%    模板变量:$HE    说明: 以像素值或浏览器窗口的百分比值来指定应用程序的高度。

     注意:因为 Flash 应用程序是可缩放的,所以只要高宽比保持不变,不论以任何尺寸播放,它们的品质都不会降低。(例如,以下尺寸的高宽比都是 4:3:640 x 480 像素、320 x 240 像素和 240 x 180 像素。)

    codebase 属性

    值: active.macromedia.com/flash7/cabs/swflash.cab#version=7,0,0,0

    说明: 标识 Flash Player ActiveX 控件的位置,以便在尚未安装该控件时,浏览器可以自动下载它。输入的值必须与上面的显示完全一致。仅适用于 object。

    pluginspage 属性

    值: www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash    说明: 标识 Flash Player 插件的位置,以便在尚未安装该插件时,用户可以下载它。输入的值必须与上面的显示完全一致。仅适用于 embed 。

    swliveconnect 属性

    值: true | false    说明: (可选)指定第一次加载 Flash Player 时浏览器是否应启动 Java。如果忽略此属性,默认值为 false。如果在同一页面上同时使用 JavaScript 和 Flash,Java 必须处于运行状态,FSCommand() 函数才能起作用。但是,如果您运行 JavaScript 只是为了检测浏览器或用于其他与 fscommand() 动作无关的目的,则可以通过将 SWLIVECONNECT 设置为 false,从而防止 Java 启动。当没有将 JavaScript 和 Flash 一起使用时,也可以通过将 SWLIVECONNECT 属性明确设置为 true,强制 Java 启动。启动 Java 会显著增加启动 SWF 文件所需的时间,因此,只有在必要时才应将此标记设置为 true。仅适用于 embed。

    使用 fscommand() 动作可从独立的放映文件中启动 Java。

    play 属性/参数

    值: true | false    模板变量:$PL    说明:(可选)指定应用程序是否在浏览器中加载时就开始播放。如果您的 Flash 应用程序是交互式的,则可以让用户通过单击按钮或执行某些其他任务来开始播放。在这种情况下,将 play 属性设置为 false 可禁止应用程序自动开始播放。如果忽略此属性,默认值为 true。

    loop 属性/参数

    值: true | false    模板变量:$LO    说明: (可选)指定 Flash 内容在它到达最后一帧后是无限制重复播放还是停止。如果忽略此属性,默认值为 true。

    quality 属性/参数

    值: low | medium | high | autolow | autohigh | best    模板变量:$QU    说明: (可选)指定在应用程序回放期间使用的消除锯齿级别。因为消除锯齿需要更快的处理器先对 SWF 文件的每一帧进行平滑处理,然后再将它们呈现到观众屏幕上,所以需要根据要优化速度还是优化外观来选择一个值:

    “Low”使回放速度优先于外观,而且从不使用消除锯齿功能。

    “Autolow”优先考虑速度,但是也会尽可能改善外观。回放开始时,消除锯齿功能处于关闭状态。如果 Flash Player 检测到处理器可以处理消除锯齿功能,就会打开该功能。

    “Autohigh”在开始时是回放速度和外观两者并重,但在必要时会牺牲外观来保证回放速度。回放开始时,消除锯齿功能处于打开状态。如果实际帧频降到指定帧频之下,就会关闭消除锯齿功能以提高回放速度。使用此设置可模拟 Flash 中的“消除锯齿”命令(“查看”>“预览模式”>“消除锯齿”)。

    “Medium”会应用一些消除锯齿功能,但并不会平滑位图。该设置生成的图像品质要高于“Low”设置生成的图像品质,但低于“High”设置生成的图像品质。      “High”使外观优先于回放速度,它始终应用消除锯齿功能。如果 SWF 文件不包含动画,则会对位图进行平滑处理;如果 SWF 文件包含动画,则不会对位图进行平滑处理。

    “Best”提供最佳的显示品质,而不考虑回放速度。对所有输出都进行消除锯齿处理,并且对所有位图都进行平滑处理。

    如果忽略 quality 属性,其默认值为 high。

    bgcolor 属性/参数

    值: #RRGGBB(十六进制 RGB 值)    模板变量:$BG    说明: (可选)指定应用程序的背景色。使用此属性来覆盖在 Flash SWF 文件中指定的背景色设置。此属性不影响 HTML 页面的背景色。

    scale 属性/参数

    值: showall | noborder | exactfit    模板变量:$SC    说明: (可选)当 width 和 height 值是百分比时,定义应用程序如何放置在浏览器窗口中。

    “Showall”(默认值)使整个 Flash 内容显示在指定区域中,且不会发生扭曲,同时保持它的原始高宽比。边框可能会出现在应用程序的两侧。

    “Noborder”对 Flash 内容进行缩放以填充指定区域,不会发生扭曲,它会使应用程序保持原始高宽比,但有可能会进行一些裁剪。

    “Exactfit”使整个 Flash 内容显示在指定区域中,但不尝试保持原始高宽比。可能会发生扭曲。

    如果忽略此属性(而且 width 和 height 值是百分比)
,则它的默认值是 showall。

    align 属性

    值: Default | L | R | T | B     模板变量:$HA    说明: 指定 object、embed 和 img 标记的 align 值,并确定如何在浏览器窗口内放置 Flash SWF 文件。

    “默认”使应用程序在浏览器窗口内居中显示,如果浏览器窗口小于应用程序,则会裁剪边缘。

    L、R、T 和 B 让应用程序分别沿着浏览器窗口的左、右、上、下边缘对齐,并根据需要裁剪其余三边。

    salign 参数

    值: L | R | T | B | TL | TR | BL | BR     模板变量:$SA    说明: (可选)指定缩放的 Flash SWF 文件在由 width 和 height 设置定义的区域内的位置。有关这些条件的详细信息,请参阅scale 属性/参数。

    L、R、T 和 B 让应用程序分别沿着浏览器窗口的左、右、上、下边缘对齐,并根据需要裁剪其余三边。

    TL 和 TR 让应用程序分别与浏览器窗口的左上角和右上角对齐,并根据需要裁剪底边和剩余的右侧或左侧边缘。

    BL 和 BR 让应用程序分别与浏览器窗口的左下角和右下角对齐,并根据需要裁剪顶边和剩余的右侧或左侧边缘。

    如果忽略此属性,Flash 内容会在浏览器窗口中居中显示。

    base 属性

    值: 基本目录或 URL    说明: (可选)指定用于解析 Flash SWF 文件中的所有相对路径语句的基本目录或 URL。如果 SWF 文件保存在与您的其他文件不同的目录下,这个属性是非常有用。

    menu 属性/参数

    值: true | false    模板变量:$ME    说明: (可选)指定当观众在浏览器中右击 (Windows) 或按住 Command 键单击 (Macintosh) 应用程序区域时将显示的菜单类型。

    “true” 显示完整的菜单,让用户使用各种选项增强或控制回放。

    “false” 显示的是一个只包含“关于 Macromedia Flash Player 6”选项和“设置”选项的菜单。

    如果忽略此属性,默认值为 true。

    wmode 属性/参数

    值 : Window | Opaque | Transparent    模板变量:$WM    说明: (可选)使您可以使用 Internet Explorer 4.0 中的透明 Flash 内容、绝对定位和分层显示的功能。此标记/属性仅在带有 Flash Player ActiveX 控件的 Windows 中有效。

    “Window”在 Web 页上用影片自己的矩形窗口来播放应用程序。“Window”表明 Flash 应用程序与 HTML 层没有任何交互,并且始终位于最顶层。

     “Opaque” 使应用程序隐藏页面上位于它后面的所有内容。

    “Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分进行显示,这样可能会降低动画性能。

    “Opaque windowless”和“Transparent windowless” 都可与 HTML 层交互,并允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于“Transparent”允许透明,因此,如果 SWF 文件的某一部分是透明的,则 SWF 文件下方的 HTML 层可以透过该部分显示出来。

    如果忽略此属性,默认值为 Window。仅适用于 object。

    allowscriptaccess 属性/参数

    值: always | never | samedomain    说明: 使用 allowscriptaccess 使 Flash 应用程序可与承载它的 HTML 页通信。此参数是必需的,因为 fscommand() 和 getURL() 操作可能导致 JavaScript 使用 HTML 页的权限,而该权限可能与 Flash 应用程序的权限不同。这与跨域安全性有着重要关系。

    always 允许随时执行脚本操作。

    never 禁止所有脚本执行操作。

    samedomain 只有在 Flash 应用程序来自与 HTML 页相同的域时才允许执行脚本操作。

    所有 HTML 发布模板使用的默认值均为 samedomain。

分类: 全部文章, 学习笔记 标签: ,

关于web标准的一点总结

2006年8月14日 没有评论

什么是web标准

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。我们来简单了解一下这些标准:

1.结构标准语言

1.结构标准语言(1)XML  XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0,参考(www.w3.org/TR/2000/REC-XML-20001006)。和HTML一样,XML同样来源于SGML,但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。关于XML的好处和技术规范细节这里就不多说了,网上有很多资料,也有很多书籍可以参考。

(2)XHTML XHTML是The Extensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0(参考http://www.w3.org/TR/xhtml1)。XML虽然数据转换能力强大,完全可以替代HTML,但面对成千上万已有的站点,直接采用XML还为时过早。因此,我们在HTML4.0的基础上,用XML的规则对其进行扩展,得到了XHTML。简单的说,建立XHTML的目的就是实现HTML向XML的过渡。

关于xhtml代码规范基础知识

2. 表现标准语言

CSS是Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是W3C于1998年5月12日推荐CSS2(参考http://www.w3.org/TR/CSS2/)。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构,使站点的访问及维护更加容易。

常用CSS缩写语法总结

表格和层

3.行为标准

(1)DOM  DOM是Document Object Model文档对象模型的缩写。根据W3C DOM规范(http://www.w3.org/DOM/),DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了Netscaped的Javascript和Microsoft的Jscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

(2) ECMAScript ECMAScript是ECMA(European Computer Manufacturers Association)制定的标准脚本语言(JAVAScript)。目前推荐遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)。  

采用网站标准的好处

对网站浏览者的好处:

文件下载与页面显示速度更快; 内容能被更多的用户所访问(包括失明、视弱、色盲等残障人士); 内容能被更广泛的设备所访问(包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等等) 用户能够通过样式选择定制自己的表现界面 所有页面都能提供适于打印的版本

对网站所有者的好处:

更少的代码和组件,容易维护 带宽要求降低(代码更简洁),成本降低。举个例子:当 ESPN.com 使用 CSS改版后,每天节约超过两兆字节(terabytes)的带宽。 更容易被搜寻引擎搜索到 改版方便,不需要变动页面内容 提供打印版本而不需要复制内容 提高网站易用性。在美国,有严格的法律条款(Section 508)来约束政府网站必须达到一定的易用性,其他国家也有类似的要求。

分类: 全部文章, 学习笔记 标签: