`

Flex LinkButton仿IE超链接

    博客分类:
  • flex
阅读更多

重写的LinkButton类Kelvin_LinkButton.as:

 

package

{

   

   

    import flash.events.MouseEvent;

    import mx.controls.LinkButton;

 

    public class Kelvin_LinkButton extends LinkButton

    {

       public function Kelvin_LinkButton(){

           super();

           super.alpha=0.0;

           super.setStyle("color","blue");//设置初始化字体颜色

       }

       //鼠标悬浮在字上

       override protected function rollOverHandler(event:MouseEvent):void

       {

           super.rollOverHandler(event);

           super.setStyle("textDecoration","underline");//显示下划线

           super.setStyle('textRollOverColor','#FF0000');//设置鼠标滑过时的字体颜色

       }

       //鼠标按下

       override protected function mouseDownHandler(event:MouseEvent):void

       {

           super.mouseDownHandler(event);

           super.setStyle('textDecoration','underline');

           super.setStyle('textRollOverColor','#0000FF');

           super.setStyle('textSelectedColor','#00000FF');//设置被选中时的字体颜色

       }

       //鼠标抬起

       override protected function mouseUpHandler(event:MouseEvent):void

       {

           super.mouseUpHandler(event);

           super.setStyle("color","#bc11c2");//鼠标抬起后更改字体颜色,表示已经点击过

       }

       //鼠标移出

       override protected function rollOutHandler(event:MouseEvent):void

       {

           super.rollOutHandler(event);

           super.setStyle('textDecoration','normal');

           super.setStyle('textRollOverColor','#0000FF');

       }

 

    }

}


 

调用LinkTest.mxml:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" width="100" height="100"
     layout="absolute" backgroundColor="white" xmlns:local="*">
       <local:Kelvin_LinkButton label="Kelvin" x="10" y="10"/>
</mx:Application>

分享到:
评论

相关推荐

    flex linkbutton选中变色

    在Flex编程中,LinkButton控件是一个常用的交互元素,它允许用户通过单击来触发某个动作。在设计用户界面时,我们常常希望LinkButton在被选中时有明显的视觉变化,以便用户能清晰地知道他们当前所处的状态。标题...

    IE10中LinkButton没作用解决文件

    然而,在Internet Explorer 10(IE10)中,LinkButton可能会遇到一些兼容性问题,导致点击后无响应或无法正常工作。这个问题可能是由于IE10对某些JavaScript或者CSS特性处理的不同,或者是由于它对ASP.NET的异步...

    解决IE10和IE11点击LinkButton没反应的服务端补丁

    解决IE10和IE11点击LinkButton没反应的问题,由于Microsoft .Net Framework 4.0下ASP.NET在IE10以上版本访问LinkButton时不能触发doPostBack事件,在分页或者控件使用LinkButton的时候点击无反应或提示doPostBack...

    html样式的LinkButton

    在Flex中,`LinkButton`是`mx.controls.Button`类的一个子类,它提供了类似链接的行为。默认情况下,`LinkButton`的外观比普通按钮更简洁,通常表现为无边框、文本居中且颜色可点击。我们可以利用HTML样式来改变其...

    Flex设置LinkButton的背景色有思路有

    在Adobe Flex技术中,LinkButton是Spark组件集中用于创建链接样式的按钮控件。它允许用户通过点击触发某些事件。然而,Flex并没有提供直接的属性来设置LinkButton的背景色。当需要自定义LinkButton的外观时,可以...

    LinkButton实现图片文字Button效果

    在.NET框架中,ASP.NET提供了一种叫做LinkButton的服务器控件,它允许开发者创建具有超链接外观的按钮。在本教程中,我们将探讨如何利用LinkButton控件来实现一个结合了图片和文字的Button效果,这在网页设计中经常...

    IE10下LinkButton就没有作用的解决方法

    这次做了一个项目测试的时候郁闷了好一阵,在开发的时候没有问题,但是一传到服务器上IE10下LinkButton就没有作用了,调试后发现少了_doPostBack,后来找了好久找到了解决方案,在网站的根目录下App_Browsers文件夹...

    flex精通 flex接口

    3. **数据绑定**:获取的数据可以绑定到Label、DataGrid、TextArea和LinkButton等控件上,以便在用户界面中展示。 通过以上步骤,不仅可以创建出功能完整的Flex应用程序,还能学习到如何有效地管理和显示远程数据,...

    《零基础学ASP.NET 2.0》第7章 高级页面开发

    7.1.1 LinkButton控件实现超链接 127 7.1.2 HyperLink控件实现超链接 128 7.2 页面容器 128 7.2.1 PlaceHolder控件 129 7.2.2 Panel控件 130 7.3 实现隐藏字段 132 7.4 表格 134 7.5 广告条 136 7.6 交互式的日历 ...

    Flex4视频教程_03-05Button,LinkButton,CheckBox的使用.rar )

    Flex4视频教程_03-05Button,LinkButton,CheckBox的使用.rar )

    flex精通 flex入门

    LinkButton控件类似于Button,但外观更像超链接,常用于打开URL。CheckBox控件用于提供二选一的选项,用户可以选中或取消选中,常用于收集一组独立的布尔值。RadioButton控件则用于在一组互斥选项中进行单一选择,...

    linkbutton的用法

    本篇将详细探讨`LinkButton`的使用方法,以及如何通过CSS实现自定义样式,以提高网页设计的效率。 在VS2005环境下,`LinkButton`控件的默认表现形式是一个链接,可以通过CSS来改变其外观,使其看起来像一个按钮。...

    flex 分页控件,我自己写的flex分页控件

    这是我自己写的一个flex组件,使用简单,在使用的时候,只需要在页面载入里,新建组件对象就OK,另外还有一个方法监听控件返回的...flex会生成linkButton,并且可以按需要控件显示的数量。如有不懂可以QQ联系 826785300

    Flex课程学习(附带源码)

    Button、CheckBox、ColorPicker、DataGrid、DateField、HSlider、HorizontalList、Image、LinkButton Label、List MumericStepper、PopUpButton、ProgressBar、RadioButton、RichTextEditor、Text、TextArea、...

    jQuery插件linkButton

    **jQuery插件linkButton详解** 在网页开发中,按钮组件是不可或缺的一部分,它不仅用于触发交互,还能通过样式设计提升用户体验。jQuery插件linkButton就是这样一款专注于按钮美化和功能增强的工具,它允许开发者...

    AS3分享:FLEX开发者必备的十多个工具

    文件“O_LinkButton.as”可能是Flex组件的一个示例,展示了如何自定义链接按钮的行为或外观。在Flex中,开发者经常需要扩展基础组件以满足特定需求,这个文件可能就是这样的一个例子。 总的来说,掌握这些工具和...

    flex spy flex调试工具包

    使用方法如下: &lt;![CDATA[ import mx.core.FlexSprite; import mx.effects.easing.Bounce;... &lt;mx:LinkButton x="477" y="53" id="btnFlexSpy" label="LinkButton" click="debug()"/&gt; &lt;/mx:Application&gt;

    Linkbutton控件在项目中的简单应用

    总结来说,LinkButton控件在项目中的应用主要体现在其结合了超链接的视觉效果和Button控件的事件处理能力,为开发者提供了更多的交互设计可能性。通过设置CommandName和使用Command事件,可以有效地管理和处理多个...

    FLex文档教程

    1. **控件**:包括基于文本的控件(如Label、Text、TextInput、TextArea和RichTextEditor)、基于按钮的控件(如Button、LinkButton、CheckBox、RadioButton和PopupButton)等。这些控件用于实现各种用户交互功能,...

Global site tag (gtag.js) - Google Analytics