CSS のexpression_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:40:35
オリジナル
1310 人が閲覧しました

最近、CSS の動作に興味があります。規格を満たしておらず、IE でしか認識できませんが、CSS の機能はかなり拡張されています。以下はインターネットから取得したテキストと例です。破損しているため、出典を示すことができません。

IE5 以降のバージョンでは、CSS 属性を Javascript 式に関連付けるための CSS での式の使用がサポートされています。ここでの CSS 属性は、要素の固有属性またはカスタム属性にすることができます。つまり、CSS 属性の後に Javascript 式を続けることができ、CSS 属性の値は Javascript 式の計算の結果と等しくなります。 式の中で要素自体のプロパティとメソッドを直接参照することも、他のブラウザ オブジェクトを使用することもできます。この式は、この要素のメンバー関数内にあるかのようになります。

要素の固有属性に値を割り当てます

以下はコンテナコンテナの幅を定義するもので、


link1
link2
link3

注: 内の星印は、ユーザーが定義した属性です。expression() に含まれるステートメントは、カスタム属性との間に引用符を入れることを忘れないでください。式。本質は依然として CSS であるため、スクリプトではなく style タグに配置されます。ページ内のリンク点線ボックスを一文で削除するのは簡単です。ただし、トリガーされた特殊効果が CSS 属性の変更である場合、結果は当初の意図とは異なります。たとえば、マウスの出入りに応じてページ上のテキスト ボックスの色を変更したい場合、自然に




しかし、結果はスクリプトエラーになります。CSS スタイルの定義を関数に記述するのが正しい方法です。 、以下に示すように:





注: いいえ、これは非常に必要です。式には比較的多くのブラウザ リソースが必要となるため、一般に式の使用は推奨されません。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート