Simple Round CSS Links ( Wii Buttons )
WiiっぽいボタンをCSS(一部Javascriptを混ぜてる)で実現しています。
span.button button, del.button span, span.button input{ _behavior:expression( (function(el){ if( typeof( behavior_onMouseEnter) == 'undefined'){ behavior_onMouseEnter = function(el){ var dEl = this.parentNode; var sClass = dEl.className ; dEl.__defaultClassName = sClass ; dEl.className = sClass + ' button-behavior-hover'; this.setCapture(); }; behavior_onMouseLeave = function(el) { var dEl = this.parentNode; dEl.className = dEl.__defaultClassName ; dEl.__defaultClassName = undefined; this.releaseCapture(); }; }; el.runtimeStyle.behavior = 'none'; el.onmouseenter = behavior_onMouseEnter; el.onmouseleave = behavior_onMouseLeave; })(this)); }
CSS内部にJavascriptが書けるとは思いませんでした。うむ、奥が深い。