2007.09.07

マウスロールオーバーイベントに連動して、640x250pxの3枚の画像を入れ替えるフラッシュナビゲーションメニューです。

当サンプルの定義ファイル(???.xml)

fe_splash_normal002.jpg
/media/fbe/top/fe_splash_normal002.
fe_splash_rollover002.jpg
/media/fbe/top/fe_splash_rollover002.
a003.jpg
/media/fbe/fbe130/a003.
a002.jpg
/media/fbe/fbe130/a002.
a001.jpg
/media/fbe/fbe130/a001.
 
<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

    <copyright>elz.jp</copyright>
    <stage_width>640</stage_width>
    <stage_height>420</stage_height>

    <button_mode>1</button_mode>

    <button_normal>/media/fbe/top/fe_splash_normal002.jpg</button_normal>
    <button_over>/media/fbe/top/fe_splash_rollover002.jpg</button_over>

    <over_plugin>/media/plugin/mask_box2l.swf</over_plugin> 

    <over_effect>1</over_effect>
    <over_time>6</over_time>

    <init_effect>3</init_effect>
    <init_time>12</init_time>

    <bg_effect>2</bg_effect>
    <bg_time>3</bg_time>

    <scope>0</scope>

    <align_mode>1</align_mode>

    <debug_mode>0</debug_mode>

    <over_sound>/media/sound/se_c001.mp3</over_sound>

    <init_action>init</init_action>

</common>

<expert>

    <button label="take1" x="10" y="260" w="200" h="120">
        <over_action>act1</over_action>
        <link_url>fze_outline.html</link_url>
    </button>

    <button label="take2" x="220" y="260" w="200" h="120">
        <over_action>act2</over_action>
        <link_url>fbe_outline.html</link_url>
    </button>

    <button label="take" x="430" y="260" w="200" h="120">
        <over_action>act3</over_action>
        <link_url>fpe_outline.html</link_url>
    </button>

</expert>

<action>
    <action group="init"  target="init_a" effect_type="t_in,t_out" effect_time="6" />
    <action group="init"  target="init_b" effect_type="t_in2,t_out2" effect_time="6" />
    <action group="act1"  target="button1a" effect_type="in,out" effect_time="3" />
    <action group="act1"  target="button1b" effect_type="t_in,t_out" effect_time="6" />
    <action group="act1"  target="button1c" effect_type="t_in2,t_out2" effect_time="6" />
    <action group="act2"  target="button2a" effect_type="in,out" effect_time="3" />
    <action group="act2"  target="button2b" effect_type="t_in,t_out" effect_time="6" />
    <action group="act2"  target="button2c" effect_type="t_in2,t_out2" effect_time="6" />
    <action group="act3"  target="button3a" effect_type="in,out" effect_time="3" />
    <action group="act3"  target="button3b" effect_type="t_in,t_out" effect_time="6" />
    <action group="act3"  target="button3c" effect_type="t_in2,t_out2" effect_time="6" />
</action>

<overlay>
    <base id="slide" scope="1" x="320" y="125" base_mode="5" width="640" height="250">
        <img id="button1a" base_mode="5" src="/media/fbe/fbe130/a003.jpg" />
        <img id="button2a" base_mode="5" src="/media/fbe/fbe130/a002.jpg" />
        <img id="button3a" base_mode="5" src="/media/fbe/fbe130/a001.jpg" />
        <img id="button1b" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=FLASH%20ZOOM%20ENGINE&amp;font_size=24" />
        <img id="button1c" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=ELZ.JP&amp;font_size=10" />
        <img id="button2b" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=FLASH%20BUTTON%20ENGINE&amp;font_size=24" />
        <img id="button2c" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=ELZ.JP&amp;font_size=10" />
        <img id="button3b" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=FLASH%20PRESENTATION%20ENGINE&amp;font_size=24" />
        <img id="button3c" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=ELZ.JP&amp;font_size=10" />
        <img id="init_a" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=FLASH%20ENGINE%20SERIES&amp;font_size=24" />
        <img id="init_b" base_mode="5" src="/media/plugin/mistelop_sharp.swf?telop=ELZ.JP&amp;font_size=10" />
    </base>
</overlay>

<effect>

    <t_in layer="1" x="0,320,640"  y="0,125,250" xs="12,100,1000" ys="12,100,1000" r2ot="0,10,60" alpha="111,100,0" b2lur="1,0,8"/>
    <t_out layer="1" x2="0,-640"  y2="11,-125" alpha="1,0" />

    <t_in2 layer="1" x="0,320,640"  y="0,160,250" xs="11,100,1000" ys="11,100,1000" r2ot="0,10,60" alpha="111,100,0" b2lur="1,0,8"/>
    <t_out2 layer="1" x2="0,-640"  y2="11,-125" alpha="1,0" />

    <in layer="1" x="0,320,640"  y="0,125,0" xs="11,100,0" ys="11,100,0" r2ot="11,0,60" alpha="101,100,0"/>
    <out x="11,960"      y2="21,250"   x2s="1,0"     y2s="11,0"     func="stop" />

</effect>

</pagedata>