0

さて、Joomla を実行しているサイトがあり、mootools 1.11 フレームワークを使用しています。mootools 1.2フレームワークの例を使用して、これの動作バージョンを一緒に作りましたが、Joomlaサイトの他のモジュールを壊さずに、互換性レイヤーを使用しても2つを共存させることはできません.

質問 「.box_panel」のクラスを持つ div がいくつかあり、マウスオーバーで 50% の不透明度から、mouseleave で 100% の不透明度に戻るようにしています。私が抱えている問題は、それらを 50% のオンロードに設定するコードは何ですか?

mootools 1.2 では以下を使用しました:

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

mouseover/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); });

    });
});
4

2 に答える 2

2

ExampleFx.start(1, 0.5);最後の括弧の前（$$('.box_panel')...ステートメントの後）に追加することはできませんか？

于 2009-04-08T09:02:27.280 に答える
0

単純：

$$('.box_panel').effect('不透明度', 0.5);
// window.addEvent('domready', function() {

編集：ここで少し間違っていました。Mladen Mihajlovic は完全に正しいと答えました。また、ここにいくつかのリンクがあります：

于 2009-04-08T09:05:05.637 に答える