预览待上传的本地图片

Image Upload Preview

  上传文件是一种很普通的Web应用,尤其以上传图片更为常见。今天我们就在Web标准的范围内谈谈与这个主题相关的内容(只限前端部分,上传的实现当然就不在此列了),关键词是:Javascript、DOM和Firefox。

表单

  先创建一个file表单域,我们需要用它来浏览本地文件。

<form name="form1" id="form1" method="post" action="upload.php">
	<input type="file" name="file1" id="file1" />
</form>

  试下效果:

  

判断文件类型

  当用户选择了一个图片文件时,我们希望他能马上看到这张图片的缩略图,以便他能确认没有把自己的光屁股照片当作头像传到我们的服务器上^_^。

  在预览之前我们还得先判断一下用户选择的是不是一个图像文件,如果他想用一个.rar文件做头像的话我们也需要礼貌地提醒一下。

<form name="form2" id="form2" method="post" action="upload.php">
	<input type="file" name="file2" id="file2"
	onchange="preview()" />
</form>

  Javascript函数实现,注意我们使用DOM方法getElementById来访问对象。不要再使用forminputname属性来访问对象了,只有IE才这么干。

<script type="text/javascript">
	function preview2(){
		var x = document.getElementById("file2");
		if(!x || !x.value) return;
		if(x.value.indexOf(".jpg")<0
			&& x.value.indexOf(".jpeg")<0
			&& x.value.indexOf(".gif")<0){
			alert("您选择的似乎不是图像文件。");
		}else{
			alert("通过");
		}
	}
</script>

  试下效果:

  

  这里有一个问题,如果用户选择了名为“fake.jpg.txt”的文件,这段脚本仍旧会认为这是一个合法的图像文件。一个可行的解决方案是先把文件名转换成小写,再取文件路径的最后4到5位,判断一下文件的扩展名是否确为我们支持的图像文件扩展名。不过这种方案略显笨拙,也没有什么美感可言,我们换一种方案:用“正则表达式”来判断文件扩展名。

<script type="text/javascript">
	function preview3(){
		var x = document.getElementById("file3");
		if(!x || !x.value) return;
		var patn = /.jpg$|.jpeg$|.gif$/i;
		if(patn.test(x.value)){
			alert("通过");
		}else{
			alert("您选择的似乎不是图像文件。");
		}
	}
</script>

  看看效果(可以自己创建一个“fake.jpg.txt”文件试试):

  

  如果从来没有接触过正则表达式,那这段脚本对你可能会有些晦涩,不妨Google一把,看看是否可以先学习学习这方面的知识。我可以向你保证花四五个小时学点正则表达式会是你最近三个月内作出的最明智选择^_^。

  回到这段脚本上来,即使你还看不懂正则表达式那两行,但整段脚本的美感还是很明显的:简洁、直接、语义流畅,这与Web标准关于XHTML的要求是一致的,与Web设计师或开发者天生的“完美”主义也是一致的。

  jjww一大段之后,我们转入重点——

预览图片

  预览功能的基本设计思路是很清晰的:创建一个img元素,再把文件域的value值赋值给img元素的src属性。

<form name="form4" id="form4" method="post" action="#">
<input type="file" name="file4" id="file4" onchange="preview4()" />
<img id="pic4" src="" alt="图片在此显示" width="120"/> </form>
<script type="text/javascript">
function preview4(){
var x = document.getElementById("file4");
var y = document.getElementById("pic4");
if(!x || !x.value || !y) return;
var patn = /.jpg$|.jpeg$|.gif$/i;
if(patn.test(x.value)){
y.src = "file://localhost/" + x.value;
}else{
alert("您选择的似乎不是图像文件。");
}
}
</script>

  试下效果:

   图片在此显示

  如果你用的是Firefox(或Opera),可能会发现什么也没有发生。是的,很不幸Firefox的安全策略不允许我们显示一个用户的本地图像文件。不知道他们为什么要这么做,我个人觉得图像文件并不会造成严重的安全性问题。即使是不久前比较热门的那个会引起Windows崩溃的jpeg文件,要显示它的前提条件是用户自己选择了这个文件或者你知道这个文件在用户硬盘上的准确路径。所以我想这种策略很可能来自于一个“懒惰”的开发人员,他并不想多写一些程序来区分这个本地文件是一个图像文件还是一个恶意文件,Firefox对安全性的要求让他们有些过于敏感了。

  让Firefox显示本地文件的唯一办法就是修改它的默认安全策略:

  1. 在Firefox的地址栏中输入“about:config
  2. 继续输入“security.checkloaduri
  3. 双击下面列出来的一行文字,把它的值由true改为false

  然后你可以再试试上面预览,everything works well!可惜的是我们并不能要求所有的用户都去修改这个值(更不用说修改的过程还挺麻烦),所以这对我们来说毫无意义。我们能做的也许就是接受Firefox不能预览本地图片这种“可笑”的局面。

用DOM来创建对象

  在上面的XHTML代码中,我们为了预览图片,事先加入了一个没有设置srcimg对象。除去不美观、代码冗余之外,如果用户浏览器不支持Javascript,他不仅无法使用这个功能,还要接受页面上一个永远不会显示出来的破图。要解决这个问题,我们就需要在“运行时”再生成这个img对象,途径还是DOM。

<form name="form5" id="form5" method="post" action="#">
<input type="file" name="file5" id="file5" onchange="preview5()"/>
</form>
<script type="text/javascript">
function preview5(){
var x = document.getElementById("file5");
if(!x || !x.value) return;
var patn = /.jpg$|.jpeg$|.gif$/i;
if(patn.test(x.value)){
var y = document.getElementById("img5");
if(y){
y.src = 'file://localhost/' + x.value;
}else{
var img=document.createElement('img');
img.setAttribute('src','file://localhost/'+x.value);
img.setAttribute('width','120');
img.setAttribute('height','90');
img.setAttribute('id','img5');
document.getElementById('form5').appendChild(img);
}
}else{
alert("您选择的似乎不是图像文件。");
}
}
</script>

  试下效果:

  

  这样就相对比较完美了。我也不解释上面这些DOM方法的具体意义,Google一下什么都有了。DOM和正则表达式一样,都是“包你不悔”的实用技术,如果你希望更多了解、深入学习、或者顺利实践Web标准,DOM是不可或缺的。从我本人最近的体会来说,Javascript+DOM+CSS蕴藏着强大的能量,就看你怎么释放它了。

20条减肥指南 每周减1斤的饮食建议

许多人刚一减肥时雄心万丈,恨不能三五天就能减掉个20-30斤,一旦达不到预期的目的便灰心丧气,于是便破罐子破摔,就这样体重也就随着雄心大志波浪型运动。其实每周减肥半公斤是专家们认为的最安全、最有效的减肥方法。美国体形专家格莱格?加菲尔德在一本名为《怎样改变体形》的书中列举了许多减肥的诀窍,他认为在减肥时每个细节都很重要。而这些细节就是让你每周减轻半公斤的关键。作者推荐了45项减肥中的一些容易被忽略的细枝末节,其中前20项是关于调整饮食结构的,后25项是有关健身运动的。  

男子标准  体重  公斤

身高

  厘米

152 156 160 164 168 172 176 180 184 188
年龄  
19 50 52 52 54 56 58 61 64 67 70
21 51 53 54 55 57 60 62 65 69 72
23 52 53 55 56 58 60 63 66 70 73
25 52 54 55 57 59 61 63 67 71 74
27 52 54 55 57 59 61 64 67 71 74
29 53 55 56 57 59 61 64 67 71 74
31 53 55 56 58 60 62 65 68 72 75
33 54 56 57 58 60 63 65 68 72 75
35 54 56 57 59 61 63 66 69 73 76
37 55 56 58 59 61 63 66 69 73 76
39 55 57 58 60 61 64 66 70 74 77
41 55 57 58 60 62 64 67 70 74 77
43 56 57 58 60 62 64 67 70 74 77
45 56 57 59 60 62 64 67 70 74 77

1.多菜少肉:如果你已经开始用瘦肉做菜,那么,在做肉饼时最好把肉量减少一半,并加些蔬菜。这样不但可以增加纤维素,脂肪也明显减少了。

  2.吃过东西再运动:最好把这个次序颠倒过来。食物所产生的热效应会使代谢率加速,从而使运动造成的高代谢率更高。

  3.变化宜多:食品的种类和花色宜多,这样才能保持均衡饮食。

  4.多尝尝植物蛋白:很多肥胖的人都不敢吃肉,但千万不要连维持体质的蛋白质也摒弃。四分之三杯的白扁豆可提供7克蛋白质,同量的青豌豆所含的蛋白质相当于1只鸡蛋。

  5.检查计划,做笔记:列出几种最有效的节食战略(如只吃低脂肪食物,限制进食等),每个月检查一次,因为订计划容易,付诸实践比较难,但如能按时检查,就比较容易达到目标。

  6.留意菜的配料:吃炸薯条油太多,烤土豆加黄油也不好,最好是改用辣椒酱或者是煮汤。

  7.控制馋欲:控制馋欲有助于控制体重。当馋欲来临时,你可做一些活动,如淋浴,散步,看电视和骑自行车等,任何与吃无关的活动都行。

  8.饿肚不下厨:饿肚下厨,你就会在烹调过程中一小口一小口地吃,不知不觉地吃了过量食物。最好的办法是在下厨房之前先吃点瓜果之类的零食。

  9.大家一起吃:低脂肪的零食吃多了另人生厌,尤其是一个人独吃,所以你要养成全家人都吃低脂肪零食的习惯。你可把对健康较为有益的小吃统统装在罐子里,看电视时大家分吃,会觉得津津有味。

  10.备些应急点心:上年纪的人,要避免半夜里饿了到厨房里大嚼高脂肪食物。可在家里放些健康食品,如椒盐卷饼,无盐的爆米花等。

  11.多逛蔬果部:逛超市时,应靠蔬果部走,那里大多是新鲜的食品:面包,水果,蔬菜和低脂肪的乳制品。

  12.自备零食包:在开车上路或坐车旅行时,应自己带些低脂肪食物。如果必须买快餐,应选择对健康较为有利的食物,避免吃炸鸡,炸猪排等。

  13.不吃黄油:尽量避免吃黄油。用鲜柠檬汁或香草调料或蔬菜色拉代替黄油。

  14.早餐变花样:将7种低脂肪早餐写在卡片上,每天早上选一种。

  15.避免午夜大吃:准备些无碍健康的食物,在夜晚工作疲劳或精神压力太大时吃。

  16.记饮食记录:如果你只吃低脂肪食物而体重仍然增加,那就必须记饮食日记了。因为短期记录有助于找出破坏饮食计划的吃喝习惯。

  17.先吃再买:购物中心都有诱人的小吃店,如果你先吃过有益于健康的食品再去购买,就不容易受零食的诱惑了。

  18.吃慢些:如果你吃东西速度过快,等到感觉饱时已经吃得多了。记住:嘴里有东西的时候,手上不能拿着筷子和叉子,这样更能吃出滋味来。

  19.轮流烹调:如果你的时间比较紧可以和家人轮流作饭。

  20.注意餐室色调:据美国约翰。霍布金斯医学院的研究,暖色如红,黄,橙等会使食物的色泽更诱人,刺激食欲;而冷色调如蓝色,或灰色则效果相反。

教你做中国名菜-《蛋炒饭》

给大家讲一下《蛋炒饭》的最佳炒法:

一、准备材料:鸡蛋、米饭、蒜、盐、油(鸡蛋与米饭的份量差不多:3/7)二、开始动工了:

1.先将蒜切成碎块(当然越碎越好了)

2.放炒锅,等锅热后,放入适量的油(炒饭时火可以关小点)

3.油稍微有点热,就可以放蒜头,让之炸出香味

4.关键一步:把准备好的鸡蛋打好,并放入锅中炒,加入盐。记住:炒鸡蛋时要快速的将鸡蛋搅碎,同样是越碎越好

5.等盐溶化后,就可以放入米饭了。(炒米饭就不用说了吧,这步也可以加点酱油,依自己喜好而定)

6.至此,这样一道美味的、名扬中国的《蛋炒饭》就完成了。

要领1:鸡蛋要先炒,这样的米饭就不会结成团了,并且外观好看、味道更香、口感更好。

要领2:盐要在炒鸡蛋时放,因为炒米饭时很可能不被溶化。

十九条你不该犯的办公室错误

1.不要比你的老板穿的更好。

如果你碰巧遇见一个极其没有品味的老板,喜欢穿着劣质西服到处向别人炫耀这是名牌时,我就建议你买块布找个土裁缝做件衣服得了。忠告你,不要试图用你自己的现身说法去影响你老板的品位,你应该明白这个看上去像个土老冒的家伙之所以成为你的老板,肯定不是因为他会打扮的原因。说不定,他讨厌奶油小生似的男人。

2.不要试图与老板的女秘书调情。

你这样在老板眼皮下面轻举妄动简直无异于自寻死路,即使你的老板和他的秘书之间的关系像办公室里的桶装纯净水一样透明无暇,你也别忽略一个正常男人对导性的占有欲和对同性的嫉妒与敌意,就像你在大街上看见一个超级美女被一个臭男人拥抱着的时候,你一样也会心中暗骂:哼,这走运的臭小子!

3.不要在办公室到处施展你的超人口才。

也许你想给你的老板日下一个深刻的演说家的形象,但遗憾的是,几乎所有的老板都讨厌看见一个喋喋不休的,像一只刚下完蛋的母鸡那样的罗嗦男人。记住,能用三分钟表达完的事情千万别说上三个小时,如果你是那种不讲话就会发疯的人,那就建议你先在家里对着墙壁大声说上一个小时,直到筋疲力尽,直到没有心情在办公室胡说八道的程度的时候再去上班。惜言如金是你应该恪守的最基本的职业素养之一,用最短的句子把你的观点非常职业地表达出来。还有,在别人,尤其是老板讲话时,别随便打断。

4.不要跟你的同事谈恋爱。

因为你只是个正常男人,所以你就很难做到对你的情侣视而不见,这造成的直接后果就是:即使你工作勤勤恳恳得像只老黄牛,你的老板也会怀疑你的上班时间是不是都在谈恋爱了。别抱怨老板的胡乱猜疑,站在他的位置上,你一样也会这么想。如果你真的与你的某位同事陷入爱河,那你们看上去只有两条路可走,要么你离开公司,要么你的爱人离开公司。

5.不要说黄色笑话。

你要明白这种爱好与幽默无关。虽然你把你的女间事逗得喜笑颜开,但她极有可能转过身去对自己说:天那!这个家伙真无耻!连这种话都能说的出来!

6.不要跟你的同事交朋友。

虽然把同事想象成你的假想敌的做法有些过分,但至少能使你防止某些糟糕的办公室纠纷的发生,就把他们当成一群你可以叫得出名字的陌生人好了。永远永远都不要推心置腹地把你的隐私告诉同事,这就好像在你身边理了一颗地雷没爆炸的时候风平浪静,可假如有一天爆炸了,你就彻底死定了。一个同事的杀伤力比一个亲密朋友的杀伤力厉害多了,最起码,作的密友不认识你的老板是谁。

7.不要露骨地拍老板的马屁。

如果他不是个白痴的话,他会明白,你只是在逗他玩而已。

8.不要在背后议论老板的是非。

如果你实在憋得难受,干嘛不去找个沙袋吊起来,上面写上老板的名字,然后给那个家伙一顿好揍。起码,与你向同事说老板坏话相比,这样没什么危险性。一般说,你背后说老板的那些话会很快传到老板的耳朵里,甚至比你说的那些还要难听几十倍。你就得留点神了,说不定什么时候,你老板会给你一顿好揍,——也许没那么糟糕,说不定他只是把你给炒了呢。

9.不要穿得像个朋克那样进办公室。

即使你的工作环境不需要你穿正式的西装领带,那你就穿样式最简单的休闲便装吧,除了结婚戒指以外,别配戴更多的饰品,否则会让人看上去比你的女同事还女人气十足。尽量避免穿粉红色系的衣服,如果不想把时间都花在选配衣服上,那就都选深色系列。必须注意,在穿黑色皮鞋时千万别穿白色袜子。不时清理你的衣橱,把那些有破洞的袜子坚决扔出去。

10.不要在办公室的电脑里登陆色情网站。

如果你自以为觉得没什么人注意到你正在干什么,或者以为自己是电脑高手,可以将你登陆过的网站删得不留痕迹——你显然过高地估计了自己的手段。你的老板能够非常简单而迅速地查到你到底在用你的电脑干什么,如果他想这样做的话。尤其在设施完善的大公司里,这点更是易如反掌。所以如果你不想留什么把柄在老板手上的话,你就先忍忍,回家再看吧,如果你老婆支持你看的话。

11.不要忘记在办公室里关掉手机和呼机。

为什么不让别人打电话到办公室来呢?你的手机声音只会让身边的同事感到厌烦,尤其在老板跟你谈话时,或者在重要的会议桌上。不要被手机广告所欺骗,以为成功人士都是二十四小时开着手机的。他们只不过是想多卖几台机子而已。

12.不要把你的办公桌弄得比垃圾篓还要脏乱。

即使你喜欢那种食物发酵的酸臭气味,你也还是把这习惯留在家里吧。在别人皱着眉头经过你办公桌之前把办公桌收拾干净,毕竟这不是你的私人卧室,你必须要为其他同事的眼睛和鼻子着想。

13.不要送价值昂贵的礼物给你的老板或者同事。

这只会让他感到难堪和让其他同事胡思乱想。

14.不要让自己陷入大公司里的人事斗争。

尤其在你还是个没什么高层背景的普通职员时千万不要有试图跟哪个部门老板结成同盟的幼稚想法,公司的事情和秘密永远比你想象的还要复杂和深奥,在你成为某次斗争的牺牲品之前,你也许还浑然不觉。无论哪一家的或者哪个国的公司都是如此,干嘛不老老实实把自己那份工作做好呢?让他们斗吧,你就当是在欣赏马戏表演吧!

15.不要在办公室里接打超过十分钟以上的电话。

在遇到令你尴尬的比如调情电话时。不要试图用降低声音或者改变说话的语气来逃掉别人的注意力,这只会让你的同事更加猜疑和好奇。

16.不要娶你老板的女儿做太太。

靠联姻来谋取事业成功是一种目光短浅的想法,即使你付出巨大的努力,即使你的确是栋梁之材,别人也会以为这仅仅是你娶了老板女儿的关系。如果你的老板没有一个天仙般的女儿的话,你这又是何苦呢?一个优秀的男人,无论娶了谁家的女儿,他早晚都会成功的。

17.不要娶你的老板当太太,如果你老板是个女人的话。

你会发现,从此以后,不仅在办公室里。甚至家里也都成为一个充满灾难的场所。试想一下,当你跟这个女人在床上亲热的时候,忽然想起来

这是你的老板,你是不是心里充满了罪恶感?如果是的话,那就提醒你,千万不要去追求你的女老板,除非你喜欢在家里也喜欢被人呼来喝去或者有受虐倾向。

18.不要每天都准时上班。

偶尔有意地退到一次。是对其他习惯拖拖拉拉的同事的一种心理安慰。说不定,你因此有了个好人缘儿。

19.不要轻信老板的许诺。

也许你是个心地善良的老实人,你相信老板对你说过的每一句话。你相信你老板今年没给你加薪水是因为老板处在水深火热的危机关头,必须得拿你那点可怜的薪水去救火,或者你相信老板话里话外要提拔你的暗示,但是你必须做好什么都得不到的心理准备。别理会老板说的要给你什么,先看他已经给了你什么吧,比较一下,然后再想想是否还有必要跟着这样的老板

2005年度,网页设计10大失误

1、易读性

字号过小,文本和背景的对比不明显,造成的阅读困难,并不是每个人都有着良好的视力,请记住这一点!

2、不标准的链接

为什么老是让你的访客去猜测页面上的链接在哪里呢?你应该明显的为链接指定明显的颜色或让它们带有下划线。
3、Flash

尽管与数年前相比,当前大多数人都可以很好的浏览和使用Flash,但还是不能忽略,依然有许多特殊情况令Flash无法正常显示。

4、错别字和不良的语法

5、糟糕的站内搜索

如果访客用你的站内搜索什么也搜不到的话,还是考虑取消它吧。

6、浏览器兼容性

你的页面应该在任意一个浏览器上都可以正常显示,而不是“Only for IE”,尽量遵循WEB标准吧。

7、罗嗦、笨重的表单设计

8、没有站点联系方式或公司的相关信息

9、页面宽度不可调整

(这一点取决于设计师的个人喜好,有的站点界面采用弹性设计,在不同分辨率下能够最大限度自适应屏幕大小;而有的站点则固定界面大小,这两者没有绝对的好坏之分,不过在方便的前提下,前者更可取些。)

10、不恰当的图片放大

在浏览一家网上店铺或地产网站时,当访客点击‘放大图片’后,弹出了一个窗口,可上面的图片尺寸却毫无变化……这个设计师的脑子是不是进水了?!

亚洲3S 卫星

好久前就有这个想法!要收看卫星电视,明天打算去买电视卡,慢慢的逛到了卫星电视的论坛,好好的研究了一下。在昆明(102.73E,25.04N)最近经度的是 亚洲3s(105.5E)  亚洲2号(100.5E) 百合花(110E) 鑫诺1号(110.5E)。以后买房子,一定要买位于南面的,也就是说能够看到南面,最好南面有突出,这样接受信号才方便!

被阉割的三句外国名言

 我们学过的很多东西都已经深深地嵌入在我们的脑袋中,而到头来才发现我们的脑袋被塞进了太多的垃圾,我们接受了太多的不真实信息,就是被引用的外国人说过的一些话,这些看似局外人说的客观话,也是在乔装改扮之后才被我们接受的,最出名的有三句话。
 1. 中国是一只睡狮,一旦他醒来,整个世界都会为之颤抖。谁都知道这是拿破仑说过的一句话,我们接受这句话,是一个伟大的外国人对中国有如此崇高的评价,我们深为作为一个中国人而自豪,而我们也深信这只睡狮已经醒来,已经让世界感到它带来的颤抖,因为中国人民已经站起来了,已经当惊世界殊了,但是我们很长一段时间不知道这句话还有一个尾巴:“谢天谢地,他至今仍然沉睡”。

  2. 天才就是百分之一的灵感加百分之九十九的汗水。这可能是最激励我们奋发向上的一句名言,因为照这个逻辑推理,我们每个人都是天才,每个人都是爱迪生,我们之所以没有做出爱迪生那样的业绩,只是我们不够努力而已,因为每个人再笨也总该有天才的1%灵感吧,但爱迪生的还接着说了一句:“这1%的灵感恰恰是至关重要的”。

  3. 我们是在一个错误的时间、错误的地点、同错误的对手打了一场错误的战争。我们过去知道的是美帝国主义侵略朝鲜,而中国人民志愿军则是一举打败了武装到牙齿的美军,取得了一个伟大的胜利,我们是第一个让美国人在没有取得胜利的情况下签署了停战协定,大灭了美帝气焰,大长了人民威风,连美国人也如是说,这就是明证。但是布莱德利的说的这段话却是有前提的:“如果我们把战争扩大到共产党中国,那我们就会被卷入错误的时间、错误的地点同错误的对手打一场错误的战争”。

html字符过滤

在php中很容易就实现了,只需要在接收form内容的页面里面使用字符串替换!下面说的是直接用javascript来实现
<a>的onclick 可以 return false来阻止,但是<input type="submit">似乎不行

<html>
<head>
<title>雨夜心情</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="css/style.css" type="text/css">
<script language=javascript>
function HTMLEncodes(fString){
 if(fString!=null){
  fString =fString.replace(/>/g, "&gt;");
  fString =fString.replace(/</g, "&lt;");
  return fString;
}
}

function mysubmit()
{
if(form1.content.value==""){alert(‘请输入留言内容!’); form1.content.focus(); return false;}
      form1.username.value = HTMLEncodes(form1.username.value); 
      form1.content.value = HTMLEncodes(form1.content.value);
   alert(form1.username.value);
      form1.submit();
}

function myreset()
{
form1.reset();
form1.title.value=1;
document.titleface.src=’img/face/1.gif’;
}
</script>
</head>
<body >
<form name="form1" method="post" action="check.php" >
  <table width="50%" border="0" align="center" bgcolor="#FFFFFF">
  
    <tr align="center">
      <td colspan="4" height="144">
        <textarea name="content" rows="10" cols="56"></textarea>
      </td>
    </tr>
    <tr align="center">
      <td colspan="4" height="20"> <a href="#">
   <input type="button" value="提交" onClick="mysubmit()">
 </a>
        <a href="#"><img src="img/reset.gif" width="79" height="22" OnClick="javascript:if(!myreset()) return false;" border="0"></a></td>
    </tr>
  </table>
</form>
</body>
</html>

 

check.php

<?php
echo $_REQUEST[‘content’];
?>

dreamweaver交换图像行为

“交换图像”动作通过更改 img 标签的 src 属性将一个图像和另一个图像进行交换。使用此动作创建按钮鼠标经过图像和其它图像效果(包括一次交换多个图像)。插入鼠标经过图像会自动将一个“交换图像”行为添加到您的页中。

注意:因为只有 src 属性受此动作的影响,所以您应该换入一个与原图像具有相同尺寸(高度和宽度)的图像。否则,换入的图像显示时会被压缩或扩展,以使其适应原图像的尺寸。

若要使用“交换图像”动作,请执行以下操作:

  1. 选择“插入”>“图像”或单击“插入”栏的“图像”按钮来插入一个图像。
  2. 在属性检查器中,在最左边的文本框中为该图像输入一个名称。

    如果您未为图像命名,“交换图像”动作仍将起作用;当您将该行为附加到某个对象时,它将为未命名的图像自动命名。但是,如果所有图像都预先命名,则在“交换图像”对话框中就更容易区分它们。

  3. 重复第 1 步和第 2 步插入其它图像。
  4. 选择一个对象(通常是您将交换的图像)并打开“行为”面板。
  5. 单击加号 (+) 按钮并从“动作”弹出菜单中选择“交换图像”。
  6. 从“图像”列表中,选择要更改其源的图像。
  7. 单击“浏览”选择新图像文件,或在“设定源文件为”文本框中输入新图像的路径和文件名。
  8. 对所有要更改的其它图像重复第 6 步和第 7 步。同时对所有要更改的图像使用相同的“交换图像”动作;否则,相应的“恢复交换图像”动作就不能全部恢复它们。
  9. 选择“预先载入图像”选项在载入页时将新图像载入到浏览器的缓存中。

    这防止当图像该出现时由于下载而导致的延迟。

  10. 单击“确定”。
  11. 检查默认事件是否是所需的事件。

    如果不是,请从弹出菜单中选择另一个事件。如果未列出所需的事件,则在“显示事件”弹出菜单中更改目标浏览器。