2009-04-08 11 views
0

これで、Joomlaを実行しているサイトがあり、mootools 1.11フレームワークを使用しています。私は、mootools 1.2フレームワークの例を使って、これを作業バージョンにまとめましたが、Joomlaサイトの他のモジュールを破損することなく、互換レイヤーを共存させることはできません。オンロードが不透明度を50%に設定

質問 私は「.box_panel」のクラスを持つdiv要素のカップルを持っているし、彼らはマウスオーバーで、彼らは50%の不透明度から行くとバックmouseleave上の不透明度100%になるように、私はそれを持っています。私が抱えている問題は、それらを50%の負荷に設定するコードは何ですか? MooToolsので

1.2私が使用:

<body onload="$$('div.box_panel').fade(0.5);"> 

私は、マウスオーバー/ mouseleave効果のために使用しているコードは次のとおりです。

window.addEvent('domready',function() { 
    //first, apply a class to each of your menu element 
    //$$('.links') puts every element wearing the .links class into an array 
    //$$('.links').each is to browse the array an apply a function to... each of them 
    $$('.box_panel').each(function(el, i) { 
     //there comes exactly your former fx statement except for 
     var ExampleFx = new Fx.Style(el, 'opacity', { //the fact i apply the effect on el 
      wait: false, //and wait: false which make the effect not waiting (very useful on the mouseout or mouseleave function... 
      opacity: 0.5, 
      duration: 500, 
      transition: Fx.Transitions.Quart.easeInOut 
     }); 
     //and there i apply (always on el) the effect on mouseenter (similar in this case but often better than mouseover) 
     //and mouseleave (same for mouseenter but concerning mouesout) 
     el.addEvent('mouseleave', function() { ExampleFx.start(1, 0.5); }); 
     el.addEvent('mouseenter', function() { ExampleFx.start(0.5, 1); }); 

    }); 
}); 

答えて

2

あなただけの最後の括弧の前にExampleFx.start(1, 0.5);を追加できません(後$$('.box_panel')...ステートメント)?

+0

ありがとう:また、ここではあなたのためにいくつかのリンクがあります。 –

+0

私は成功せず、以下のようなステートメントの後に試してみました: $$( 'box_panel。')各(関数(エル、i)は、{ ExampleFx.start(1、0.5);私はちょうど使用することができ はそれについて考えます。 .box_panelの開始不透明度を設定するCSSプロパティ。 –

0

シンプル:

 
$$('.box_panel').effect('opacity', 0.5); 
// run this right after your window.addEvent('domready', function() { 

編集:私はここに少し間違っていました。 Mladen Mihajlovicは完全に正しいと答えた。私はそれを試してみるよ。このため

関連する問題