下拉菜单被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=”http://www.konnech.cn/2/images/banner.swf” width=”560″ height=”210″>
<param name=”movie” value=”http://www.konnech.cn/2/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=”560″ height=”210″>
<param name=”movie” value=”http://www.konnech.cn/2/images/banner.swf” />
<param name=”quality” value=”high” />
<param name=”wmode” value=”opaque”>
<embed [...]
Archive for 5月 22nd, 2009
送给心情不好的人
国王有七个女儿,这七位美丽的公主是国王的骄傲。
她们那一头乌黑亮丽的长发远近皆知。
所以国王送给她们每人一百个漂亮的发夹。
有一天早上,大公主醒来,一如往常地用发夹整理她的秀发,
却发现少了一个发夹,于是她偷偷地到了二公主的房里,
拿走了一个发夹。二公主发现少了一个发夹,
便到三公主房里拿走一个发夹;三公主发现少了一个发夹,
也偷偷地拿走四公主的一个发夹;
四公主如法炮制拿走了五公主的发夹;
五公主一样拿走六公主的发夹;
六公主只好拿走七公主的发夹。
于是,七公主的发夹只剩下九十九个。
隔天,邻国英俊的王子忽然来到皇宫,
他对国王说:「昨天我养的百灵鸟叼回了一个发夹,
我想这一定是属于公主们的,而这也真是一种奇妙的缘分,
不晓得是哪位公主掉了发夹?」公主们听到了这件事,
都在心里想说:「是我掉的,是我掉的。」
可是头上明明完整的别着一百个发夹,所以都懊恼得很,
却说不出。只有七公主走出来说:「我掉了一个发夹。」
话才说完,一头漂亮的长发因为少了一个发夹,
全部披散了下来,王子不由得看呆了。
故事的结局, 当然的是王子与公主从此一起过着幸福快乐的日子。
为什么一有缺憾就拼命去补足?
一百个发夹,就像是完美圆满的人生,少了一个发夹,
这个圆满就有了缺憾;但正因缺憾,
未来就有了无限的转机,无限的可能性,
何尝不是一件值得高兴的事!
人生不可免的缺憾,你怎样面对呢?
逃避不一定躲得过
面对不一定最难受
孤单不一定不快乐
得到不一定能长久
失去不一定不再有
转身不一定最软弱
别急着说别无选择
别以为世上只有对与错
许多事情的答案都不是只有一个
所以 ~ 我们永远有路可以走
你能找个理由难过 你也一定能找到快乐的理由
懂得放心的人找到轻松
懂得遗忘的人找到自由
懂得关怀的人找到朋友
天冷不是冷 心寒才是寒
愿你的心都是暖暖的….
人的长大伴随着一些失落,人的成熟附带着一些伤痕.好在有希望这东西,你总还可以去等;
好在人与人之间,距离产生美感;
好在生命里,快乐比痛苦多;
好在这个世界,还有很多美丽;
好在当你成熟的时候,你还不算一无所有
鲁国史官把当时各国报导的重大事件,按年、季、月、日记录下来,一年分春、夏、秋、冬四季记录,简括起来就把这部编年史名为“春秋”。孔子依据鲁国史官所编《春秋》加以整理修订,成为儒家经典之一。《春秋》记录了从鲁隐公元年(前722)到鲁襄公十四年(前481)共242年的大事。由于它所记历史事实的起止年代,大体上与一个客观的历史发展时期相当,所以历代史学家便把《春秋》这个书名作为这个历史时期的名称。为了叙事方便,春秋时期开始于公元前770年(周平王元年)周平王东迁东周开始的一年,止于公元前476年(周敬王四十四年)战国前夕,总共295年。
春秋以后,齐、楚、燕、韩、赵、魏、秦七大诸侯国连年战争,当时人们就称呼这七大诸侯国为“战国”。《战国策·燕策一》载苏秦的弟弟苏代说:“凡天下之战国七,而燕处弱焉。”可见当时七大诸侯国都有战国的称呼。到西汉初年,“战国”这个名词的含义还没有变化。到西汉末年刘向编辑《战国策》一书时,才开始把“战国”作为特定的历史时期的名称。战国时期开始于公元前475年(周元王元年)《史记》的《六国年表》开始的一年,止于公元前221年(秦王政二十六年)秦灭齐统一六国的一年,共255年。
loopedSlider的一个不错的图片滚动插件。下载地址http://code.google.com/p/loopedslider/
Drupal
Drupal简介
是一个开源的内容管理系统(CMS)平台,用于构造提供多种功能和服务的动态网站,这些功能包括用户管理(User Administration)、发布工作流(Publishing Workflow)、讨论、新闻聚合(News Aggregation)、元数据(Metadata)操作和用于内容共享的XML发布。它综合了强大并可自由配置的功能,能支持从个人博客 (Personal Weblog)到大型社区驱动(Community-Driven)的网站等各种不同应用的网站项目。
它有以下优点
+ 搜索引擎友好的URL
+ Drupal有一个优秀的模块化结构,提供了许多模块,包括短消息、个性化书签、网站管理、Blog、日记、电子商务、电子出版、留言簿、Job、网上电影院、论坛、投票等模块。Drupal模块的下载、安装、定制非常方便
+ Drupal提供了强大的个性化环境,每个用户可以网站内容和表现形式进行个性化设置
+ Drupal提供了基于角色的权限系统,没有必要对每个用户进行授权,只需要对角色进行授权
+ Drupal提供的站内搜索系统能对站内的所有内容进行索引和搜索
+ Drupal的模板系统将内容和表现分离,可以很方便地控制网站的外观
+ Drupal提供内建的新闻聚合工具
+ 提供完善的站点管理和分析工具
+ Drupal的Caching机制能有效减少数据库查询次数,从而提高站点性能,降低服务器负荷
+强大的多语言支持体系。能够支持很多国家的语言,让你的网站在世界上通行。
Drupal运行环境:
Drupal 基于PHP脚本语言,推荐使用mysql数据库,所以要运行Drupal必须先安装好PHP支持程序,推荐apache + mysql + php的安装和配置环境。linux系统下推荐采用lamp安装套件或windows系统下推荐安装wamp套件。
Drupal的安装:
1.运行环境:
1.建立数据库:用mysql命令行、phpmyadmin、mysql-front等工具新建一个数据库,并记住数据库的名称。
2.将Drupal代码根目录放入apache的web服务目录(www或htdocs等),通过http协议在浏览器运行Drupal的对应http 服务,例如http://mydomain/drupal,再出现的页面中按提示填入数据库的名称,用户,密码等信息。
3.首次执行,可以设置相应的个性化参数,如帐户,首页,简介链接等。
4.注:第一个注册的帐户拥有系统的最高权限。
Drupal的设计
TemplateMonster的Drupal模板
目前比较好的将设计与Drupal结合起来比较有名的是TemplateMonster的Drupal模板。精美的设计,高度的开发弹性,短缩了的开发设计时间,使Drupal模板更加受到欢迎。TemplateMonster作为这一领域的佼佼者,今后肯定会发布更多Drupal模板。
届时中国的用户也可以通过TemplateMonster中国区官方网站TemplateMonster China(http://china.templatemonster.com)下载到最新的加入精美设计的Drupal模板。
如何加入中国drupal协会
中国drupal协会是2008年11月15日由drupal活动的组织者chinajason等人创建的,协会的主旨就是为了在中国推广drupal。
中国drupal协会成立的相关事宜以及会章等请参考:http://drupalchina.org/node/5740
中国drupal协会的青岛分会官方地址是:
http://drupaluser.cn/joncda
Drupal主要术语的介绍
文章地址:http://www.drupaluser.org/node/364
Drupal是一个非常优秀的PHP CMS,在使用Drupal之前,我们好好看看Drupal主要术语的介绍.Drupal术语,Block(区块),Box(盒子),Engine(引擎),Filter(过滤器),Module(模块),Node(节点),Permissions(权限),Style(样式)Taxonomy(分类)Template(模板),Theme(主题)风格
# Block(区块)
区块一般位于网页两边的侧栏中,用于导航或显示一些附加内容。区块是一种把数据定位到页面的方法之一。各主题风格可以通过block($subject, $content, $region = “main”)函数来控制区块的显示风格。
# Box(盒子)
盒子是Drupal页面内容的容器。每一个盒子有一个标题和一些内容。各主题风格可以通过box($subject, $content, $region = “main”)函数来控制盒子的显示风格。
# Engine(引擎)
引擎是一类特殊的主题,它通过模板来输出HTML内容。
# Filter(过滤器)
过滤器是做内容过滤的框架。
# Module(模块)
模块是为Drupal提供扩展功能的代码片段。有些模块是Drupal核心系统的一部分(例如taxonomy和blog模块),扩展模块(例如 weblinks和image模块)则不属于Drupal的核心系统。核心模块已包含在Drupal的下载包中,扩展模块则需要单独下载。
# Node(节点)
节点是Drupal中最简单又最难理解的一个概念。几乎Drupal中所有的内容都被存储为一个节点。一个节点就是Drupal的一块内容,它可以是投票、报道、书的一页、或一张图片。
# Permissions(权限)
权限用于控制内容的创建、修改和站点管理等访问。管理员可以将权限赋给角色,将角色赋给用户。一个用户可以属于一个或多个角色。Drupal缺省提供了两种角色:游客和注册用户
# Style(样式)
样式是主题或引擎提供的CSS文件,用于替换缺省的CSS。
# Taxonomy(分类)
Drupal通过分类来描述目录系统,用于对网站的内容进行组织和分类。
# Template(模板)
模板是模板引擎的,普通人可读懂的HTML文件,这些文件有一些特殊的代码,用于产生动态信息。
# Theme(主题)
主题是包含一些函数的PHP文件,用于提供不同的布局风格。
基于Drupal平台的网站设计成功案例
很多全球知名的商业公司、社团组织、大学及政府机构都从传统的网站设计系统转向了Drupal,或者利用Drupal构建内部交流站点及社区网站。部分基于Drupal的应用包括:
跨国公司-联邦快递、诺基亚、Adobe、Sun
国际著名娱乐公司-华纳兄弟、索尼/BMG、Fox、环球唱片、迪斯尼/ABC
互联网媒体网-Google、Novell、雅虎
新闻杂志-福布斯、The Fast Company、Now Public、花花公子(德国)、The Onion,以及纽约观察报等。
网上社区-Team Sugar、FireFox
高等学府-哈佛大学、MIT
政府机构-法国政府、纽约市长Mike Bloomberg、联合国
最近奥巴马政府的经济恢复网站也采用Drupal搭建
这些成功的合作案例证明,Drupal不但适合个人站点及网上社区类网站,而且已被国际著名大公司和组织机构所接受和采纳。相信在国内,Drupal也会很快流行起来,成为主流网站设计和开发平台。
rsync
目录
简介
安装
rsyncd.conf
服务器端启动:
客户端同步:
[编辑本段]
简介
rsync是类unix系统下的数据镜像备份工具,从软件的命名上就可以看出来了——remote sync。它的特性如下:
可以镜像保存整个目录树和文件系统。
可以很容易做到保持原来文件的权限、时间、软硬链接等等。
无须特殊权限即可安装。
优化的流程,文件传输效率高。
可以使用rcp、ssh等方式来传输文件,当然也可以通过直接的socket连接。
支持匿名传输,以方便进行网站镜象。
软件下载
rysnc的主页地址为:http://rsync.samba.org/
目前最新版本为3.0.5。可以选择从原始网站下载:http://rsync.samba.org/ftp/rsync/。
[编辑本段]
安装
Ubuntu安装: sudo apt-get install rsync
RedHat: yum install rsync
编译安装
rsync的编译安装非常简单,只需要以下简单的几步:
[root@www rsync-2.4.6]# ./configure
[root@www rsync-2.4.6]# make
[root@www rsync-2.4.6]# make install
但是需要注意的是必须在服务器A和B上都安装rsync,其中A服务器上是以服务器模式运行rsync,而B上则以客户端方式运行rsync。这样在web服务器A上运行rsync守护进程,在B上定时运行客户程序来备份web服务器A上需要备份的内容。
[编辑本段]
rsyncd.conf
rsync服务器的配置文件是rsyncd.conf.
以下是一个rsyncd.conf的样本:
# Distributed under the terms ofthe GNU General Public License v2
# Minimal configuration file for rsyncdaemon
# See rsync(1) and rsyncd.conf(5) man pagesfor help
# This line is required by the/etc/init.d/rsyncd script
pid file = /var/run/rsyncd.pid
port = [...]
最近评论