仿QQ浏览器mac版官网主页 html+css3特效

[索引页]
[源码下载]葡京在线开户,

即是平等慢性超酷的CSS3动态背景动画特效,CSS3模拟QQ浏览器官网彗星动画背景特效。
葡京在线开户 1

积少成多Flash(10) – Flex 3.0 状态转换(State), 状态转换的连接效果(State
Transition), 自定义鼠标指针

在线演示本地下载

作者:webabcd

介绍
示范 Flex 3.0 中的变状态与易状态中之过火效果,自定义鼠标指针 

  • 状态转换(State) – 对 UI 状态,以有平栽编程模型做转换 
  • 状态转换的联网效果(State Transition) – 设置
    UI 状态的变过程被之连片效果 
  • 自打定义鼠标指针 – 对鼠标指针的样式做打定义设置

在线DEMO
http://www.cnblogs.com/webabcd/archive/2009/11/09/1598980.html

1、演示 State 的应用
State.mxml

葡京在线开户 2<?xml version=”1.0″ encoding=”utf-8″?>
葡京在线开户 3<mx:Panel xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”400″ height=”300″
葡京在线开户 4    title=”State (状态的施用)”>
葡京在线开户 5
葡京在线开户 6    <mx:states>
葡京在线开户 7        <mx:State name=”state2″>           
葡京在线开户 8               <!–
葡京在线开户 9                   <mx:AddChild /> – 在指定的涉嫌控件的指定地方新增指定的控件
葡京在线开户 10                       relativeTo – 关联的控件
葡京在线开户 11                       position – 在提到控件的指定地方扩张控件
葡京在线开户 12                           关联控件为因素类型则此处或的价值吗:before 或 after  
葡京在线开户 13                           关联控件为会聚类型则此处或的价为:firstChild 或 lastChild
葡京在线开户 14                   <mx:SetProperty /> – 设置指定控件的某属性的值
葡京在线开户 15                   <mx:RemoveChild /> – 移除指定的控件
葡京在线开户 16               –>
葡京在线开户 17            <mx:AddChild relativeTo=”{form}” position=”lastChild”>
葡京在线开户 18                <mx:FormItem label=”Label2:”>
葡京在线开户 19                    <mx:TextInput/>
葡京在线开户 20                </mx:FormItem>
葡京在线开户 21            </mx:AddChild>
葡京在线开户 22            <mx:SetProperty target=”{panel}” name=”title” value=”状态2″/>
葡京在线开户 23            <mx:RemoveChild target=”{toggle}”/>
葡京在线开户 24                      
葡京在线开户 25            <mx:AddChild relativeTo=”{bar}” position=”firstChild”>
葡京在线开户 26                <!–
葡京在线开户 27                    设置状态为空,即转换来原始状态
葡京在线开户 28                –>
葡京在线开户 29                <mx:LinkButton label=”转换来状态1″ click=”this.currentState=””/>
葡京在线开户 30            </mx:AddChild>
葡京在线开户 31        </mx:State>
葡京在线开户 32    </mx:states>
葡京在线开户 33
葡京在线开户 34    <!–
葡京在线开户 35        以下为 状态1 的 ui
葡京在线开户 36    –>
葡京在线开户 37    <mx:Panel id=”panel” title=”状态1″>
葡京在线开户 38        
葡京在线开户 39        <mx:Form id=”form”>
葡京在线开户 40            <mx:FormItem label=”Label1:”>
葡京在线开户 41                <mx:TextInput/>
葡京在线开户 42            </mx:FormItem>
葡京在线开户 43        </mx:Form>
葡京在线开户 44        
葡京在线开户 45        <mx:ControlBar id=”bar”>                   
葡京在线开户 46            <!–
葡京在线开户 47                ui 状态转换来叫也 state2 的 <mx:State />
葡京在线开户 48            –>
葡京在线开户 49            <mx:LinkButton id=”toggle” label=”转换到状态2″ click=”this.currentState=’state2′” />
葡京在线开户 50        </mx:ControlBar>
葡京在线开户 51    </mx:Panel>
葡京在线开户 52    
葡京在线开户 53</mx:Panel>
葡京在线开户 54

2、演示 State Transition 的应用
StateTransition.mxml

葡京在线开户 55<?xml version=”1.0″ encoding=”utf-8″?>
葡京在线开户 56<mx:Panel xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”400″ height=”300″
葡京在线开户 57    title=”State Transition (状态过渡的利用)”>
葡京在线开户 58    
葡京在线开户 59    <mx:Script>
葡京在线开户 60        <![CDATA[
葡京在线开户 61            
葡京在线开户 62            import mx.effects.easing.Bounce;
葡京在线开户 63            
葡京在线开户 64        ]]>
葡京在线开户 65    </mx:Script>
葡京在线开户 66    
葡京在线开户 67    <!–
葡京在线开户 68        <mx:Transition /> – 用于安装状态转换中的交接效果
葡京在线开户 69    –>
葡京在线开户 70    <mx:transitions>
葡京在线开户 71        <mx:Transition>
葡京在线开户 72            <mx:Parallel targets=”{[panel, toogleTo1, toogleTo2, formItem]}”>
葡京在线开户 73                <mx:Resize duration=”500″ easingFunction=”Bounce.easeOut”/>
葡京在线开户 74                <mx:Sequence target=”{formItem}”>
葡京在线开户 75                    <mx:Blur duration=”200″ blurYFrom=”1.0″ blurYTo=”20.0″/>
葡京在线开户 76                    <mx:Blur duration=”200″ blurYFrom=”20.0″ blurYTo=”1″/>
葡京在线开户 77                 </mx:Sequence>
葡京在线开户 78            </mx:Parallel>
葡京在线开户 79        </mx:Transition>
葡京在线开户 80    </mx:transitions>
葡京在线开户 81    
葡京在线开户 82    <!–
葡京在线开户 83        以下关于状态转换的组成部分参见 State.mxml
葡京在线开户 84    –>
葡京在线开户 85    <mx:states>
葡京在线开户 86        <mx:State name=”state2″>           
葡京在线开户 87            <mx:AddChild relativeTo=”{form}” position=”lastChild”>
葡京在线开户 88                <mx:FormItem id=”formItem” label=”Label2:”>
葡京在线开户 89                    <mx:TextInput/>
葡京在线开户 90                </mx:FormItem>
葡京在线开户 91            </mx:AddChild>
葡京在线开户 92            
葡京在线开户 93            <mx:SetProperty target=”{panel}” name=”title” value=”状态2″/>
葡京在线开户 94   
葡京在线开户 95            <mx:RemoveChild target=”{toogleTo2}”/>
葡京在线开户 96                      
葡京在线开户 97            <mx:AddChild relativeTo=”{bar}” position=”firstChild”>
葡京在线开户 98                <mx:LinkButton id=”toogleTo1″ label=”转换来状态1″ click=”this.currentState=””/>
葡京在线开户 99            </mx:AddChild>
葡京在线开户 100        </mx:State>
葡京在线开户 101    </mx:states>
葡京在线开户 102
葡京在线开户 103    <mx:Panel id=”panel” title=”状态1″>
葡京在线开户 104        
葡京在线开户 105        <mx:Form id=”form”>
葡京在线开户 106            <mx:FormItem label=”Label1:”>
葡京在线开户 107                <mx:TextInput/>
葡京在线开户 108            </mx:FormItem>
葡京在线开户 109        </mx:Form>
葡京在线开户 110        
葡京在线开户 111        <mx:ControlBar id=”bar”>                   
葡京在线开户 112            <mx:LinkButton id=”toogleTo2″ label=”转换来状态2″ click=”this.currentState=’state2′” />
葡京在线开户 113        </mx:ControlBar>
葡京在线开户 114    </mx:Panel>
葡京在线开户 115    
葡京在线开户 116</mx:Panel>
葡京在线开户 117

3、演示怎么样从定义鼠标指针
Cursor.mxml

葡京在线开户 118<?xml version=”1.0″ encoding=”utf-8″?>
葡京在线开户 119<mx:Panel xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”absolute” width=”400″ height=”300″
葡京在线开户 120    title=”Cursor 自定义鼠标指针”>
葡京在线开户 121    
葡京在线开户 122      <mx:Script>
葡京在线开户 123        <![CDATA[
葡京在线开户 124
葡京在线开户 125            import mx.managers.CursorManager;
葡京在线开户 126
葡京在线开户 127            // 以 类 的款型引用内嵌资源。(另一样种植为字符串的样式引用内嵌资源的法子:@Embed(‘images/logo.png’))
葡京在线开户 128            [Embed(source=”images/logo.png”)]
葡京在线开户 129            private var customCursor:Class;  
葡京在线开户 130            
葡京在线开户 131            private function cursorChange(e:Event):void
葡京在线开户 132            {
葡京在线开户 133                switch (radioGroup.selectedValue)
葡京在线开户 134                {
葡京在线开户 135                    // 正常下的鼠标指针
葡京在线开户 136                    case “Normal” :
葡京在线开户 137                        CursorManager.removeAllCursors();
葡京在线开户 138                        break;
葡京在线开户 139                    // 繁忙时,鼠标指针的体制
葡京在线开户 140                    case “Busy” :
葡京在线开户 141                        CursorManager.removeAllCursors();
葡京在线开户 142                        CursorManager.setBusyCursor();
葡京在线开户 143                        break;
葡京在线开户 144                    // 自定义鼠标指针的体
葡京在线开户 145                    case “Custom” :
葡京在线开户 146                        CursorManager.removeAllCursors();                    
葡京在线开户 147                        CursorManager.setCursor(customCursor);
葡京在线开户 148                    default :
葡京在线开户 149                        break;
葡京在线开户 150                }
葡京在线开户 151            }
葡京在线开户 152                        
葡京在线开户 153        ]]>
葡京在线开户 154    </mx:Script>
葡京在线开户 155    
葡京在线开户 156    <mx:RadioButtonGroup id=”radioGroup” change=”cursorChange(event);”/>
葡京在线开户 157    <mx:RadioButton x=”10″ y=”10″ label=”普通指针” value=”诺玛l” groupName=”radioGroup” selected=”true”/>
葡京在线开户 158    <mx:RadioButton x=”10″ y=”36″ label=”繁忙指针” value=”Busy” groupName=”radioGroup”/>
葡京在线开户 159    <mx:RadioButton x=”10″ y=”62″ label=”自定义指针” value=”Custom” groupName=”radioGroup”/>
葡京在线开户 160
葡京在线开户 161</mx:Panel>
葡京在线开户 162

OK
[源码下载]