javascript - 背景を変更する方法

Question

http://www.tomford.com/のようなサイトを HTML で作成したいと考えています。

問題は、画像がある背景をどのように作成するかです

私がやった事：

<body style="background: url(url of image) repeat-x repeat-y center"></body>

score 2 · Accepted Answer

これを行うには、jQuery/JS を介して背景画像を設定するか、アイテムにクラスを設定し、CSS で背景画像を定義します。

最初に行うには、このスレッドを読むことができます:本文の背景画像を変更する

基本的

$('.icon').click(function() {
    $('body').css('background-image', 'url(../images/backgrounds/header-top.jpg)');
});

また

$('.icon').click(function() {
    $('body').removeClass().addClass('bg-1'); 
    //removes all classes, then adds the new class
});

.icon変更をトリガーするためにクリックしたいものはどこにありますか。

.bg1次に、CSS で背景を宣言するだけです。

score 1 · Accepted Answer

このようにjqueryで行うことができます

JS コード:

var url="http://......."
$('...').on('click',function(){ 
    $('body').css('background:',url);
});

注: クリックイベントは、特定のセレクター (クラス、ID、またはタグ名) に基づいて呼び出すことができます。

ハッピーコーディング:)

score 0 · Accepted Answer

0

ここに示すように、CSS3 トランジションを介して行うことができます。

于 2013-07-23T08:19:11.587 に答える

3 に答える 3