2

いくつかのhtmlを挿入すると同時に、fadeInの効果を与えてみました。これは私がそれを達成しようとした方法ですが、失敗しました：

<html>
<head>
<title></title>
<script src="Jquery.js">
</script>
</head>
<body>
<style type="text/css">
.container{
    background-color: red;
}
</style>
<div class="container"><img src="001.jpg" alt="sasuke"></div>

<script type="text/javascript">
(function(){
$("<p>lorem Ipsum blah blah </p>").insertAfter("img").fadeIn(1500);

})();
</script>
</body>
</html>
4

4 に答える 4

9

DOMに追加するときに非表示の要素を作成し、フェードインします。

(function(){
  var paragraph = $("<p>");
  paragraph.text("lorem Ipsum blah blah");
  paragraph.hide();
  paragraph.insertAfter("img");
  paragraph.fadeIn(1500);
})();
于 2012-12-27T18:36:33.220 に答える
4

フェードインできるようにするには、おそらく非表示にする必要があります。

$(function(){
    $('<p />', {text: 'lorem Ipsum blah blah '}).hide().fadeIn(1500).insertAfter("img");
});

フィドル

于 2012-12-27T17:54:43.607 に答える
0

これを試して：

 (function(){
     $("<p style="display:none;">lorem Ipsum blah blah </p>").insertAfter("img").fadeIn(1500);
 })();
于 2012-12-27T17:57:19.657 に答える
0

これを試して;

(function(){
   $("<p>Fade in text </p>").hide().fadeIn(1500).insertAfter("img");
})();

フィドル

于 2015-07-16T22:29:55.970 に答える