iMagnifyingGlass控件 — 放大镜容器(Magnifying glass panel)

Posted by Kevin Luo at 2 January 2009

Category: 开源控件

Tags: ,

控件名称 (Component Name):iMagnifyingGlass.as

作用 (Description)控 件继承于Panel, 和普通panel使用方法相同,对放入其中的所有Image,当鼠标划过时有放大镜效果。 (iMagnifyingGlass extends from panel that can enlarge all passed in images when mouseover )

接口 (apis)

属性(Attributes):

multiple:Number -- 设置放大倍数,默认2倍 (Default value is 2)
glassHeight:Number — 设置镜片高度,默认150px (Magnifying glass height, default value is 150px)
glassWidth:Number — 设置镜片宽度, 默认150px (default value is 150px)
glassStyleName: Number — 设置镜片样式表 (set the style name of glass)

方法 (Function):

setGlassStyle(stylrProp:String,newValue:Object) — 设置镜片样式 (set styles of glass)

Demo:

<component:iMagnifyingGlass hideEffect=”" title=”放大镜Demo” multiple=”4″ layout=”vertical”  id=”mG” >
<mx:HBox>
<mx:Image source=”{pic1}” width=”256″ height=”192″ />
<mx:Image source=”{pic2}” width=”256″ height=”192″  />
</mx:HBox>
<mx:HBox>
<mx:Image source=”{pic3}” width=”256″ height=”192″ />
<mx:Image source=”{pic4}” width=”256″ height=”192″  />
</mx:HBox>
</component:iMagnifyingGlass>

iMagnifyingGlass (576) (Attached demo and source code)

11 Comments

  1. buy soma says

    nice site you have!

    Reply

  2. 风少 says

    很好,很强大!

    Reply

  3. TaoGOGO says

    太帅了吧!

    Reply

  4. cooerson says

    哇,这个功能太酷了啊!

    Reply

  5. cooerson says

    可惜下不起~

    Reply

    Kevin Luo Reply:

    谢谢指出,已经修复了

    Reply

  6. prince says

    不注册就可以下载 挺好的~

    Reply

  7. champion48 says

    真的谢谢你

    Reply

  8. shiqicai says

    狂赞啊,看过magicmagnify,打算实现一下子.
    有这个控件工作就少很多了

    Reply

    Kevin Luo Reply:

    Great

    Reply

Leave a Reply

Leave a Reply
  • (required)
  • (required) (will not be published)