移花接木 将Alexa工具条改装成间谍木马

< 说到这个问题，可能有人就会说，那还不简单，直接用flash的ActionScript中的url方法不就搞定了，那么如果我们的UI人员设计完flash,但flash对应的链结还没有确定或者以后会变更怎么办？我需要的是能够在外部修改flash对应的链结。

　　那直接在flash所在的object元素外部加<a></a>标签来控制不就行了，可能有些人会这么想，思路正确，但是行不通。呵呵，怎么办？百度一下先，呵呵，真是相当佩服某些人的牛脑，真牛，下面是一种解决的方法：

　　首先,我们肯定是要先插入FLASH.因为,Flash默认是最高层.所以, 我经常会遇见Flash把下拉菜单挡住的情况. 把Flash文件放到一个层中,设为最底层,FLASH设为透明.
<div style="z-index:-1"> <!--1.设置FLASH为底层-->
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="200" height="115">
<param name="movie" value="media.swf">
<param name="quality" value="high">
<embed src="http:///htmldata/2005-11-19/media.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="200" height="115"></embed>
<param name="wmode" value="transparent"> <!--2.必须把FLASH设置为透明-->
</object> </div>

　　再接下来,就是在FLASH的层上再加上一层, Flash本身不能直接加入onclick.等事件,所以,只能借助别的东西啦. 就是在FLASH上加个透明层,
<div id="huiLayer" style="cursor: hand; position:absolute; left:10px; top:10px; width:200px; height:115px; z-index:1; visibility: visible;"><a href="http://www.cnlk.com">
<img src="http:///htmldata/2005-11-19/kong.gif" width="200" height="115" border="0"></a></div>
　　论坛上面,给了一些解决方法,就是加个透明的层,但是,如果光有个透明层, 还是不能接受事件的. 更确切地说,是一部分可以,一部分不可以,和FLASH部分重叠的那一部分不行. 为什么不行.说实话,我也不清楚,我是试验得出来的...

　　当我把这个层的背景颜色设为任意一种时,不是透明时,发现.可以接受事件了,在层上加了个
超连接,也可以.. 但是,这还不是我们要的结果.因为,把整个"精美"的FLASH给遮盖了.. 所以,有<img src="http:///htmldata/2005-11-19/kong.gif" width="200" height="115" border="0">

　　我用PhotoShop做了个透明的图片kong.gif 大小都可以,但是必须是透明的!这样才不至于把底下的FLASH给遮盖住了.

　　试验了一下... 成功了... 点击FLASH.其实是击中了FLASH上层的透明图片kong.gif
图片,就可以接受很多事件啦,onclick , onmouseover ,onmosueout ...... 给图片加个<a></a>超连接是再简单不过的事啦.. 这时,以上的问题是不是都解决了,把事件都给kong.gif接受! 单击事件, <div onclick="ok()" id="huiLayer" ...........

　　不管是坐火车，还是飞飞机，过年都得回家，所以方法还是有的，Flash本身还提供了一种方法，相当的好用，就是在Flash内部通过FSCommand调用外部的脚本，个人认为这种方法简单实用，可控能力强，具体用法，就不在这里多说了，你在网上搜FSCommand关键键字就会啊到很多实例，不过还是有一点提示：在提供javascript版本的调用方法时，最好也提供一个vbscript的版本，否则调用可能会不成功。

　　1. 了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，那么就要选择冷色系、柔和的颜色，像是蓝、灰或绿。在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。

　　2. 了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。

　　3. 不要使用过多的颜色。除了黑色和白色以外，约选择四到五个颜色就够了。太多的颜色会导致混淆，也会拉走读者的注意力。

　　4. 在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。白底黑字的阅读效果最好。

　　5. 用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候，有时候会很难决定每个颜色的相对值。为了要确认你的色盘能提供足够的对比，你可以建立一个仿真网站，并将它转换成灰阶即可。

　　6. 选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。

　　7. 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色，例如标题和超级链接等。

　　8. 注意网站色差问题。每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。

　　先说这个“长”，中国网站的页面真是长啊，以至于我坐在电脑前浏览的时候经常会想，这个页面的最低端会不会已经搭拉到我的脚面上了。我们的万里长城是第几大奇迹来着？反正中国的网站应该紧排在她后面。

　　我们的大型门户网站恐怕应该是长页面的领军者吧。现在能生存下来的大型门户各个实力不凡，又纷纷上市，其他网站能与他们页面相似应该也能说明实力相似吧，这几家大型门户已经给用户形成了“长则是好”的印象，于是众多网站都纷纷“长”起来了。无论是综合性网站还是专业性网站，只要有内容，就能做多长就做多长，没有内容，抄袭别人内容也要做长，以至于不少实力有限的网站只是首页很长，到了栏目页面（二级页面）就简陋的可怜了。

　　长的基础就是要内容要多，这些众多的长网站在组织内容的思路上基本是一致的，就是把二级页面的内容摘要的放在首页上。首页分成若干个相应的通栏的大块儿（这样可以逐个部分的下载页面，易于显示），再在每两块之间加一条广告，最后再在页面的最上面加一个更综合的区域，所谓的重中之重，这样以来页面想短都短不了。

　　按照Jakob Nielsen的说法：网站首页的长度不应该超过4屏。当然这个准则也未必就那么准确，但是至少应该承认页面不是越长越好的。

　　第二，说说“闪”。就是网页上能动的东西 众所周知，网页文字的排版设计对于页面的整体效果有着非常重要的影响。就象传统的报刊杂志一样，我们将网页看作一张报纸、一本杂志来进行文字的排版处理，针对不同的需要，有可能需要使用一些特殊的文字排版技巧。比如做一个介绍古文的网页时，我们可能会用到文字竖排、文字从右读起的效果以增强页面表现力；做一个新闻页面，可能会用到段落首字下沉等效果，用以强调某条新闻。

　　在一张报纸上、一本杂志上要实现这些效果并不难，但是我们如何在网页上实现这样的效果呢？下面就向大家介绍几种文字排版处理的技巧。

　　1、段落首行自动缩进

　　每个段落的首行要缩进两个汉字大小是众人皆知的常识，我们通常在每个段落首行加上多个“ ”标签来实现缩进，这样虽然能够达到目的，但是却过于麻烦。其实我们只要运用一些简单的CSS语法就可以一劳永逸地在一个页面中实现首行缩进。

＜style type="text/css"＞
p{text-indent: 2em}
＜/style＞

　　通过上面的样式，页面中每段包含在标签＜p＞和＜/p＞之间的段落都会自动缩进两个汉字字符大小。

　　2、段落首字下沉

　　我们阅读传统媒体时，经常看到如图1的效果，通过使用样式，我们也可以很轻松地实现类似效果。

图1 很常见的段落首字下沉效果

＜style＞
#chr:first-letter{font-size: 24pt;left: 0px; float: left;position: absolute }
＜/style＞

　　上面这段代码定义了一个首字大小为24pt的缩进，使用时我们只要在某个段落的标签中添上一个“id=chr”就可以了，例如下面的段落：

＜p id=chr＞柳永(987?-1053?)字耆卿，福建崇安人。……＜/p＞

　　3、文字竖排效果

　　如下面的一段诗文，在网页上显示时文字呈竖直排布，非常适合诗词的文字编排。

＜div style="line-height: 18px; text-align: center; writing-mode: tb-rl"＞
＜pre＞
长恨歌(片段)＜br＞白居易＜br＞
汉皇重色思倾国，御宇多年求不得。
杨家有女初长成，养在深闺人未识。
天生丽质难自弃，一朝选在君王侧。
……
＜/pre＞＜/div＞

代码

　　标签中的样式规定了文字的竖直排布，并且每行的间距为18像素，文字为中间对齐。网页读取时都会自动将空格去除后才显示，在诗文内容开始和结束部分分别加上标签＜per＞和＜/per＞，可以使诗文内容按照自己的意愿精确显示，其效果如图2。
SyntaxHighlighter.highlight();