CSS コントロール入力 tag_html/css_WEB-ITnose

これを見つけました、とても良いと思います

以下は CSS スタイルです

code input { border:1px ソリッド #B3D6EF

background:#ffffff; ;

1. }
2. input {
3. スター:expression(
4. onmouseover=
function
5. (){
this
6. .style.backgroundColor="#D5E9F6"},
7. onmouseout=function(){ これ.style.backgroundColor="#ffffff"})
8. } }
9. 利点は、ページに大量の onMouseover 関数を記述する必要がないことです

笑

いくつかの問題は必要ですこの書き方には注意してください

IE6

ではブラウザがフリーズする可能性があります
... 2009年11月24日 1:31 :36 CSS の最適化に関する記事をここに引用します 引用

ブラウザの CSS 式機能の最大の問題は、おそらく 1 秒間に数百回または数千回実行され、深刻なパフォーマンスの問題を引き起こすことです。 。

CSS 式を最適化するには? 少なくとも: 一致する要素に対して CSS 式を 1 回だけ実行すると、パフォーマンスが大幅に向上します。 old9 の記事「CSS Expression Reloaded」で解決策が提供されています。

Quote


CSS Expression ステートメント本体で、Expression の CSS プロパティのリセットがトリガーされます。

Js

code

div { zoom:expression(

function

(el){el.style.zoom = "1";alert(el .tagName);}(

this
1. ));
2. }
または
Js

code

div { -singlex:式(this

.singlex ? 0 : (

関数

(t) {alert(t.tagName); } )(
1. this
));
2. 説明~: CSS 式は一致する要素に対して実行されます。 CSS 式では、「this」キーワードは現在一致している HTML 要素を指します。
CSS プロパティは、トリガーにいくつかの珍しいプロパティを使用し、トリガー後にデフォルト値にリセットされます。
3. 原文はこちら

http://www.planabc.net/2009/09/21/optimization_of_css_eexpression/

Quote

Expression に関して、Yahoo チームは次のことについて言及しました

18、CSSexpression (Expression) の使用は避けてください
CSS 式は CSS プロパティを動的に設定する強力な (ただし危険な) 方法です。 Internet Explorer では、バージョン 5 以降の CSS 式がサポートされています。次の例では、CSS 式を使用して、1 時間ごとに背景色を切り替えることができます。上記のように式にはJavaScript式を使用しています。 CSS プロパティは、JavaScript 式の評価に基づいて設定されます。この式メソッドは他のブラウザでは機能しないため、クロスブラウザ設計では Internet Explorer 専用に設定すると便利です。
式の問題は、私たちが思っているよりも頻繁に評価されることです。ページを表示して拡大したときだけでなく、ページをスクロールしたときやマウスを移動したときも再計算されます。 CSS 式にカウンターを追加して、式が評価される頻度を追跡します。ページ上でマウスを動かすだけで、10,000 を超える計算を簡単に実行できます。
CSS 式が評価される回数を減らす 1 つの方法は、1 回限りの式を使用することです。これにより、最初の実行時に結果が指定されたスタイル属性に割り当てられ、この属性を使用して CSS 式が置き換えられます。ページ サイクル中にスタイル プロパティを動的に変更する必要がある場合は、CSS 式の代わりにイベント ハンドラーを使用することが現実的なオプションです。 CSS 式を使用する必要がある場合は、CSS 式が何千回も評価され、ページのパフォーマンスに影響を与える可能性があることを必ず覚えておいてください。