<![CDATA[我遇见你]]> http://www.imeetyou.net/ zh-cn PBlog2 v2.4 我遇见你 http://www.imeetyou.net/images/logos.gif http://www.imeetyou.net/ 我遇见你 http://www.imeetyou.net/article.asp?id=326 <![CDATA[as如何获取链接里的参数]]> zyj1022@163.com(admin) Mon,10 Nov 2008 16:00:17 +0800 http://www.imeetyou.net/default.asp?id=326 在flash里就默认a,b为根变量。可以使用_root.a和_root.b来得到值
但到了AS3里面这样做已经不行了。
要用到flash.display.loaderInfo类的parameters属性，返回的是一个参数对象
使用方法:
例如在文档类中定义var param:Object = root.loaderInfo.parameters;
如果取a的值，可以用param["a"],同样b的值：param["b"]

举例：

var param:Object = root.loaderInfo.parameters;

function _getURL(event:MouseEvent):void {
    var _Newurl:URLRequest=new URLRequest("space.php?act=album&domianId="+param["id"]);
    var _window:String="_blank";
    navigateToURL(_Newurl,_window);
}
my_btn.addEventListener(MouseEvent.CLICK,_getURL);


flash 在页面上的显示 test.swf?id=10

]]> http://www.imeetyou.net/article.asp?id=324 <![CDATA[最全的CSS浏览器兼容问题整理]]> zyj1022@163.com(admin) Mon,27 Oct 2008 10:03:42 +0800 http://www.imeetyou.net/default.asp?id=324
CSS技巧

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行  

2. margin加倍的问题     设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline;    例如：    <#div id=”imfloat”>    相应的css为    #IamFloat{    float:left;    margin:5px;/*IE下理解为10px*/    display:inline;/*IE下再理解为5px*/}  

3.浮动ie产生的双倍距离     #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:inline; //使浮动忽略}    这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline元素的特点是,和其他元素在同一行上,不可控制(内嵌元素);    #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;  

4 IE与宽度和高度的问题 IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。    比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样：    
#box{ width: 80px; height: 35px;}
html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}  

5.页面的最小宽度和高度     min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类, 然后CSS这样设计：    
#container{ min-width: 600px; width:e-xpression(document.body.clientWidth < 600? "600px": "auto" );}    
第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。
最小高度：
#box {min-height: 400px; height: e­xpression( this.scrollHeight < 400 ? "400px":"auto");}


6.DIV浮动IE文本产生3象素的bug    左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距.    #box{ float:left; width:800px;}   #left{ float:left; width:50%;}   #right{ width:50%;}   *html #left{ margin-right:-3px; //这句是关键}    <div id="box">   <div id="left"></div>   <div id="right"></div>   </div>  

7.IE捉迷藏的问题    当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。    有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。 解决办法：对#layout使用line-height属性 或者给#layout使用固定高和宽。页面结构尽量简单。  

8.float的div闭合;清除浮动;自适应高度;  

① 例如：<#div id=”floatA” ><#div id=”floatB” ><#div id=” NOTfloatC” >这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为 float:left;)   这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 < #div class=”clear”>这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。 并且将clear这种样式定义为为如下即可： .clear{ clear:both;}  

②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应，要在wrapper里面加上overflow:hidden; 当包含float的 box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。    例如某一个wrapper如下定义：    .colwrapper{ overflow:hidden; zoom:1; margin:5px auto;}  

③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如:   <div id=”page”>   <div id=”left”></div>   <div id=”center”></div>   <div id=”right”></div>    </div>   比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而 page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决    <div id=”page”>   <div id=”bg” style=”float:left;width:100%”>   <div id=”left”></div>   <div id=”center”></div>   <div id=”right”></div>   </div>   </div>   再嵌入一个float left而宽度是100%的DIV解决之。
]]> http://www.imeetyou.net/article.asp?id=322 <![CDATA[十个你闻所未闻的奇异网站]]> zyj1022@163.com(admin) Sun,19 Oct 2008 08:33:14 +0800 http://www.imeetyou.net/default.asp?id=322 1、Google推出的3维聊天空间，可以设计自己的形象和房间
http://www.lively.com/

2、可以在线听和免费下载最新《读者》《科幻世界》等著名杂志有声版，不用再买杂志
http://www.ilisten.cn/ZZ

3、可以一键免费把自己博客印成书的网站
http://blog.mrprint.cn

4、可以修改每一本书内容的在线图书馆
http://www.bookgg.com/library.asp

5、一个比Google还强，每天看别人在搜索什么东西的搜索引擎
http://www.bearsou.com

6、每天可以免费买彩票，每天百万现金奖的精彩网站
http://www.lotcome.com

7、可以访问任何网页的Google隐藏入口
http://www.google.com/gwt/n

8、可以把你的网址缩短的网站
http://tinyurl.com/

9、爱因斯坦写汉字
http://www.sbfun.org/einstein/index.php

10、你可以在线做个以自己照片做硬币人物的硬币图片，好酷哦！！
http://onlinewahn.de/generator/m-maker.htm]]> http://www.imeetyou.net/article.asp?id=321 <![CDATA[PNG图在IE6下透明的终极解决方案（已知3种）]]> zyj1022@163.com(admin) Tue,14 Oct 2008 16:42:50 +0800 http://www.imeetyou.net/default.asp?id=321 用PNG图吧，效果到是还好。Firefox和IE7以上版本都支持PNG透明，但IE6缺会显示灰白。
百度，google搜罗一通，现总结如下两种。如有更好的方案，望交流

第一种，适用于图片做背景的时候。代码：

.first { width:400px; margin:0 auto; height:300px; background:url(images/bg1.png); }

* html .first { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/bg1.png"); background:none; }

第二种，适用于PNG图片放在页面上的时候

/*-------------IE6-PNG透明------------------------*/
* html img,
* html .png{
    behavior: e­xpression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
        
    );
}
/*-------------------------------------------------------------------------*/


下面是源代码

下载文件 png透明图FOR-IE6.rar

---------------------------------------------------------------------------------------
下面是在博客园看到的第三种解决方案，也不错！
附上DEMO。有需要可以下载看看。

下载文件 PNG-ie6-透明
]]> http://www.imeetyou.net/article.asp?id=320 <![CDATA[Email页面代码书写建议及规范]]> zyj1022@163.com(admin) Tue,14 Oct 2008 13:03:14 +0800 http://www.imeetyou.net/default.asp?id=320 在这里，我也要把我的经验和大家分享一下。

众所周知，Email是一项最古老的互联网应用之一。
因此，不少邮件系统还是会采用一些比较古老的处理方式，导致前端方面很多新的技术、新的特性无法被支持。
而且各个邮箱系统以及客户端的差异，也会使email的最终呈现出现很大的偏差。
HTML细节

就目前来说，如果要做一个email页面，为了保证最大的兼容性，有以下几点需要注意：

对于纯文本邮件：

   1. 邮件标题不要超过18个字；
   2. 每行不要超过34个字。

对于HTML邮件：

   1. 邮件标题不要超过18个字；
   2. HTML代码和图片尽量不要超过50kb；
   3. 页面宽度推荐500px，最大不要超过600px；
   4. 避免使用边缘的、非主流的HTML技术；
   5. 不使用css来布局，应该使用表格来布局；
   6. 不使用外联的css样式，而使用font标签来定义样式，定义链接颜色时也是如此，写法如下： <font style="font-family:arial,helvetica; font-size:10pt; color:#000000">
      ...
      </font>
   7. 不使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML ；
   8. body和meta之类的标签是可以无视的，因为在很多邮箱系统里它会被过滤；
   9. 如果整个邮件有用到背景色或背景图，建议用以下方式处理：<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
      <tr>
      <td width="100%" height="100%" bgcolor=".....">
      <!--- 邮件内容 -->
      </td>
      </tr>
      </table>
  10. 有背景图片的时候，我们要采用这种写法：<table background="background.gif" cellspacing="0" cellpadding="0">

图片屏蔽

由于图片可以用来侦测邮件的打开率和email地址的有效性。
不少邮件客户端都会默认把邮件中的图片屏蔽，用户需要再点一下才能显示图片。

HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

来源：EmailLabs, 2004。国内用户常用的Foxmail似乎没有屏蔽邮件内图片的功能，我也找不到相关设置的地方。

一旦图片被屏蔽，整个邮件就会变得面目全非，这里有以下一些建议：

   1. 重要内容尽量避免使用图片，比如标题、链接等；
   2. 制作一份和邮件内容一样的web页面，然后在邮件顶部写一句话，类似：“如果您无法查看邮件内容，请点击这里查看”；
   3. 所有图片都要加上alt属性；
   4. 所有的图片都要定义高和宽；
   5. 通知收件人把你的发件地址加入白名单。

Outlook 2007的限制

由于outlook 2007使用了word的渲染引擎来展现邮件内容，所以很多HTML属性没法得到支持了，比如：

    * 背景图片(这一点很重要！)
    * css浮动和定位(这个没啥用)
    * 自定义列表项的图像(这个也没啥用)
    * Flash(反正不放)
    * GIF动画
    * 图片的alt属性(值得注意)
    * 表单(反正不放)

下载这个pdf查看详细介绍。这些细节还是应该注意一下。

附：Email客户端的CSS支持情况
本资料来自国外某邮件营销公司，所以缺乏国内邮件客户端的数据。
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]


(*) 不被Microsoft Outlook 2007支持。
]]> http://www.imeetyou.net/article.asp?id=319 <![CDATA[循序渐进学习ActionScript 3.0（四）]]> zyj1022@163.com(admin) Tue,07 Oct 2008 12:33:18 +0800 http://www.imeetyou.net/default.asp?id=319
（本文非直接翻译，原文如下：）
In ActionScript 2, variables defined within a class's body were defined in the class's prototype object. This was an efficient means to handle variable definitions but it also meant that complex data types (such as Arrays) had a tendency to be "shared" among instances if not explicitly defined for instances within the class constructor. This is no longer a problem with ActionScript 3. Class variables defined in the class body are now unique to each class instance so this problem no longer occurs.

在AS2中，复杂数据类型（比如数组），如果在类体之中，方法之外直接初始化，而不在构造器中初始化，会被理解为“共享”的数据，而被所有的实例共享使用（类似于static的效果）。但是在AS3中不存在这个问题。类变量是每个实例独有的，唯一的变量。如下：

class myClass{
    
    private var list:Array = [1,2,3]; //在AS2中会有一定问题，AS3中就很好
            
    public function myClass(){
        //在AS2中，应该在这里初始化list
    }
}

*新的MouseMove行为

mouseMove行为在AS3中有所改变。以前，mouseMove动作是一个全局概念，也就是说不管鼠标在FlashMovie的任何一个地方，只要移动了，就会触发任何一个MovieClip的mouseMove行为。

在AS3中，Mouse对象不再用来分派（dispath）鼠标行为。对于mouseMove行为来说，你应该监听一个InteractiveObject的实例，比如Sprites，MovieClip和Stage。所以，你可能需要使用InteractiveObject来代替Mouse接收监听。 对于每一个InteractiveObject实例，mouseMove行为只在这个对象的所在范围内执行。如果你要使用全局的mouse事件监听，则需要对stage添加监听。

因此，在使用mouseMove来拖动一个对象的时候，当你的鼠标离开的脱离对象，对该对象的mouseMove事件就会失效，拖动效果也就同时实效了。这个时候，你可能需要对stage添加move行为来进行监听：

stage.addEventListener(MouseEvent.MOUSE_MOVE, dragMyObject);



]]> http://www.imeetyou.net/article.asp?id=318 <![CDATA[循序渐进学习ActionScript 3.0（三）]]> zyj1022@163.com(admin) Tue,07 Oct 2008 12:31:38 +0800 http://www.imeetyou.net/default.asp?id=318
AS允许在需要的时候，将对象的类型改成另外一种匹配的类型，这就是类型转换。AS2和AS3都支持通过像“type(object)”这样的方式进行类型转换。例如，现定义一个数据类型为Object，你可以通过使用类型名称的语法将这个数据转换成另外一种数据类型。如：

var obj:Object = getMyCustomObject();
vay customObj:MyClass = MyClass(obj);

AS3引入了一种新的操作符“as”来进行类型转换。as操作符代替了类型名称语法来改变对象的数据类型。如：

var obj:Object = getMyCustomObject();
vay customObj:MyClass = obj as MyClass;

as操作符的工作方式和AS2中的非常类似。如果转换不可能进行，那么转换的返回值是null。

AS3依旧支持通过type(object)的方式来转换类型，但是，这种方式和以前有一点细微的不同。以前转换失败是返回null，现在转换失败后将抛出一个类型错误（TypeError）。当尝试转换两种对立的数据类型的时候就会失败。例如将一个数据类型转换成另外一个不可能通过联合和继承而得到的类型。

注意：AS上的全局转换方法Class(object)的优先级依旧高于type(object)转换方法。这些方法包括String()，Number()，和Array()等。

]]> http://www.imeetyou.net/article.asp?id=317 <![CDATA[循序渐进学习ActionScript 3.0（二）]]> zyj1022@163.com(admin) Tue,07 Oct 2008 12:29:17 +0800 http://www.imeetyou.net/default.asp?id=317
AS3中有许多新的数据类型。其中有些类型是以前没有出现的。AS3中的基本数据类型如下：

简单数据类型：

Boolean
int
null
Number
String
uint
undefined

复杂数据类型：

Object
Array
Date
Error
Function
RegExp
XML
XMLList

新的数据类型通过类来定义，例如： Matrix (flash.geom.Matrix)
Shape (flash.display.Shape)URLRequest (flash.net.URLRequest)
等等。

注意：

特殊类型Void在AS3中被改成了全小写：void。

“*”可以用来代表所有数据类型。如下：

var anything:*;

AS3中的XML和AS1和AS2中完全不一样。以前的XML类型（对象）被定义为XMLObject。AS3中的XML是标准的E4X-based XML对象。

int和uint是number类型的新扩展，int表示整型（没有小数），unit是无符号整型（不能是十进制，不能是负数）。 使用int型比使用Number能稍微的提升运行效率，而uint型只应该使用在必须的地方，比如颜色值。

*显示对象

AS3有一个新的集合：显示对象。这个集合包含了所有可以在舞台上看到或者可以被添加到显示列表中的对象，包括以前的MovieClip，button和textField对象。AS3的显示对象有：

AVM1Movie
Bitmap
Loader
MorphShape*
MovieClip
Shape
SimpleButton
Sprite
StaticText*
TextField
Video

有*的表示此对象必须在舞台上手动创建，不能直接通过AS创建。

AVM1Movie是使用AS1和AS2创建的Movie，AS3创建的Movie需要通过AVM2来播放。因此用AS1和AS2创建的Movie在AVM2中被作为一个显示对象来播放。但是不能和AS合使用。

Bitmaps是位图对象。可以通过BitmapData对象来指定显示效果，也可以通过位图文件来设定。

Loader对象用来加载和显示外部的image和swf影片文件。

MorphShapes是在时间轴上创建的图形。虽然不能通过AS创建，但是可以通过AS来引用和控制。

MovieClips人人都会用

Shapes是从MovieClip中分离出来一个只有graphics对象的图形容器。在shape中可以通过graphics对象使用绘图API绘制各种图形。使用shape代替MovieClip可以减少内存负担。

Sprite是没有时间轴的MovieClip，在AS3使用中，可能会在很多地方使用sprite代替MovieClip，尤其在创建自定义的显示组件时。

StaticText和MorphShapes一样，不能通过AS创建，这是在时间轴上创建的文本对象。

TextField，文本对象。

Video对象，播放flash视频。

*新的import标识

AS3中的import标识和AS2中有一些不同。在AS2中，import被用来代理引用类的长名称，在类中并不是必须的。因此在AS2中，如果你不使用import，你也可以使用类的长名称来引用，例如：

// ActionScript 2
var myPoint:flash.geom.Point = new flash.geom.Point(0,0);

在AS3中，import标识是访问类的必须标识。在使用到其他类的时候，也可以使用类的长名称，但是import不能省略掉。例如：

// ActionScript 3
import flash.geom.Point;
var myPoint:flash.geom.Point = new flash.geom.Point(0,0);

和AS2一样，import中可以使用通配符（*）来导入整个包：

import flash.geom.*;


]]> http://www.imeetyou.net/article.asp?id=316 <![CDATA[循序渐进学习ActionScript 3.0（一）]]> zyj1022@163.com(admin) Tue,07 Oct 2008 12:27:56 +0800 http://www.imeetyou.net/default.asp?id=316
在AS3中，你可以使用Stage类动态的修改影片的帧频。

Stage类（flash.display.Stage）的stage对象是所有的sprite和MovieClip以及其他在安全沙箱里的所有元件的舞台。stage对象的帧频可以是0.01到1000之间的任何一个数。要修改帧频，使用下面的代码：

程序代码 程序代码

// 将帧频修改到12帧每秒（FPS）
stage.frameRate = 12;



*类方法的作用域和类绑定在一起


AS3完全基于类构造。当一个类被创建的时候，类中的参数，变量，方法或任何实例都同时被创建。和AS2不同，AS3中的方法在执行的时候，将使用和类同样的作用域。例如下面的代码：

程序代码 程序代码

package {
    import flash.display.Sprite;
    
    public class ClassScope extends Sprite {
        
        public function ClassScope() {      
            traceThis(); // 输出"Class Instance"
            
            var obj:Object = new Object();
            obj.traceThis = traceThis;
            obj.traceThis(); // 输出"Class Instance"
            
            traceThis.call(new Sprite()); // 输出"Class Instance"
        }

        public override function toString():String {
            return "Class Instance";
        }
        
        public function traceThis():void {
            trace(this);
        }
    }
}



*图形对象和绘图API


和AS1和AS2一样，AS3也提供了绘图API来绘制矢量线段和图形。但是在AS3中，绘图API将独立于显示对象（display objects：MoiveClip，sprites等）而被定义为图形对象（flash.display.Graphics）。图形对象拥有各种绘图方法用来在内部绘制图形。和以前一样，图形内容将在所有对象的最下层。同时，在AS3中有一些新的方法来帮助你方便的绘制简单的图形。包括：

园：drawCircle(x:Number, y:Number, radius:Number):void
椭圆：drawEllipse(x:Number, y:Number, width:Number, height:Number):void
矩形：drawRect(x:Number, y:Number, width:Number, height:Number):void
圆角矩形：drawRoundRect(x:Number, y:Number, width:Number, height:Number, ellipseWidth:Number, ellipseHeight:Number):void

代码举例：

程序代码 程序代码

// 绘制一个蓝色的圆角矩形
var square:Sprite = new Sprite();
square.graphics.beginFill(0xFF);
square.graphics.drawRoundRect(0, 0, 100, 50, 10, 10);
square.graphics.endFill();
addChild(square);


]]> http://www.imeetyou.net/article.asp?id=315 <![CDATA[AS3里如何给按钮添加链接]]> zyj1022@163.com(admin) Fri,26 Sep 2008 14:24:11 +0800 http://www.imeetyou.net/default.asp?id=315
//比如给一个叫sprite的按钮加，呵呵，换一个你的按钮名字，随便选择其中一两个就ok了吧。后面的onMouseEvent是自己写的名字，是用作处理的函数名字。
sprite.addEventListener(MouseEvent.CLICK, onMouseEvent);
sprite.addEventListener(MouseEvent.DOUBLE_CLICK, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_DOWN, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_MOVE, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_OUT, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_OVER, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_UP, onMouseEvent);
sprite.addEventListener(MouseEvent.MOUSE_WHEEL, onMouseEvent);
sprite.addEventListener(MouseEvent.ROLL_OUT, onMouseEvent);
sprite.addEventListener(MouseEvent.ROLL_OVER, onMouseEvent);

//2 函数名字有了，写函数 ：呵呵 举例
public function goURL(event:MouseEvent):void
{
trace(event.type);
}
*/

实际例子：

把如下代码添加到第一桢，然后将按钮命名为url_btn即可。

url_btn.addEventListener(MouseEvent.MOUSE_DOWN,goURL);
function goURL(event:MouseEvent) {
    var url=new URLRequest("user.php?act=login");
    navigateToURL(url);
}

]]>