0

ページの読み込み時に、このような css プロパティを使用して、ページ内のすべてのタグをフォーマットする方法はありますか?

border:1px #000000;

また、いずれかの DIV にカーソルを合わせると、境界線が次のように変わります。

border : 1px #00800;

これらのプロパティ、通常の CSS とオンホバー CSS の両方を、ページの読み込み時に動的に適用したいと考えています。

4

7 に答える 7

2

そのためにJavaScriptは必要ありません。CSSに次の行を追加するだけです。

DIV {border: 1px #000; }
DIV:hover {border-color: #008000; }

また、実際には、ページ上のすべての DIV要素がそのようなスタイルを必要とする可能性は低いため、タグ名セレクターの代わりにクラスセレクターを使用し、これらのスタイルを本当に必要とする要素にのみそのクラスを使用することをお勧めします。

.example {border: 1px #000; }
.example:hover {border-color: #008000; }

<div class="example">
    ...
</div>
于 2013-01-22T06:44:49.750 に答える
1

このコードスニペットは機能する可能性があります。

$(document).ready(function()//When the dom is ready or just add it if you already have a .ready function
{
  $("#div").css("border","1px #000000");
  $('#div').mouseover(function (e) {
   $("#div").css("border","1px #00800");
  });
});
于 2013-01-22T06:48:47.757 に答える
0

これを試して：

$(document).ready(function() {
    // all html element
    $('*').css('border', '1px #000000');

    // hover div
    $('div').hover(function() {
        $(this).css('border', '1px #00800');
    }, function() {
        $(this).css('border', '1px #000000');
    });
});
于 2013-01-22T06:48:29.940 に答える
0

ページの読み込み時に JavaScript メソッドを呼び出し、そこにこれらの css プロパティを適用します。

于 2013-01-22T06:36:13.333 に答える
0

ondevice ready イベントのリスナーを実装できます。

// listen to the device ready event.
document.addEventListener( "deviceready", OnDeviceReady, false );

次に、OnDeviceReady 関数で、その js 部分を実行できます

function OnDeviceReady()
{
    elements.style.border = '1px solid red';
}

それが役立つことを願っています

于 2013-01-22T06:39:15.377 に答える
0

document.ready に次を追加します。

 $("*").css("border","1px #000000");

上記はcss用です

ホバー用

  $('#div').mouseover(function (e) {
    $("#div").css("border","1px #00800");
  });
于 2013-01-22T06:39:18.567 に答える
0

onload を使用して body で JavaScript 関数を呼び出します。そして、func で、必要なすべてのフィールドの css を簡単に指定できます

于 2013-01-22T06:58:38.337 に答える