Posts Tagged ‘Effect.toggle’

script.aculo.us Effect.toggleのメモ

9月 10th, 2007

script.aculo.us Effect.toggleを使ったのでメモ
要素を半透明にしてabsoluteにして表示

<a href="#" onclick="Effect.toggle('d3','slide',{duration :0.2}); return false;">トグル</a>
 
<span id="d3">
 <a href="#" onclick="Effect.toggle('d3','slide',{duration :0.2}); return false;">閉じる</a>
 (トグルだけど表示された中身にも閉じるボタン)
</span>
#d3 {
  position: absolute; /*浮かす*/
  display: none; /*初期は非表示*/
  filter: alpha(opacity=70); /*IE用*/
  opacity: 0.7; /*Safari用*/
  -moz-pacity: 0.7; /*FireFox用*/
}

実際に設置したのを簡略したメモなのでこのままでうまくいくか不明w

2008/04/11 訂正
サンプルコードにsmarty literalが混ざっていたので修正