0

背景画像を「クリック時に」フェードインさせたいのですが、これが今私が得たものです。そしてそれは機能していますが、クリックすると画像がフェードインするようにしたいです...

$(document).ready(function() {
//this represents window.load in javascript.

//now to select the element suppose you have anchor tag <a> with id=clickme

$("#test").click(function() {

//select the element whose background image you want to change. suppose with id=imgBack
$("body").css({'background-image':'url(url to image)'}); 


})
});
4

2 に答える 2

1

div を作成し、そこに背景画像を配置してから、display:none; として設定する必要があります。

次に、クリック機能でこれを行います

$('#wrapperdiv').fadeIn();

fadeIn() 関数では、フェードインする速さ (ミリ秒単位) を示す数値を渡すことができるので、400 ミリ秒アニメーション化する場合は、この .fadeIn(400); のように記述します。

于 2012-05-10T14:50:08.540 に答える
0

これが実例です。

HTML：

<body>
  <div id="no_background"></div>
  <div id="wrapper">
    <!-- page content goes here -->
    <input type="button" id="test" value="Show background">  
  </div>
</body>

CSS：

body {
  background: url(/path/to/background.png);
}

#no_background {
  background: white;    
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#wrapper {
  position: relative;
  z-index: 2;
}

JS：

$("#test").click(function() {
  $("#no_background").fadeOut();
});
于 2012-05-10T15:07:19.280 に答える