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