0

このコードにフェードイン効果を追加したい...新しいレコードを作成するたびに、コードはそれを示しますが、フェードイン効果を追加したいと思います。ありがとうございました。コードは次のとおりです。

<?php
include("includes/db.php");
include("includes/time_stamp.php");
?>

<html>
<head>

<link rel="stylesheet" href="wtfdiary.css">

<script type="text/javascript" src="jquery.min.js"></script>

<script type="text/javascript" >
$(function() {
$("#tweet_submit").click(function() 
{
var tweet = $("#tweet").val();
var dataString = 'tweet='+ tweet;
if(tweet=='')
{
alert('Please type your tweet');
}
else
{

$.ajax({
type: "POST",
url: "post_tweet.php",
data: dataString,
cache: false,
success: function(html){
$("#tweet").val('');
$("#content").prepend(html);
}
});
}return false;
}); });
</script>

</head>

<body>
<div id="container">

<div id="sidebar">
<div id='logo'><img src='includes/1.png'></div>
<form action="#" method="POST">
<div><textarea id="tweet" name="tweet" placeholder="Compose new Tweet"></textarea></div>
<input type="submit"  value=" Tweet " class="btn" id="tweet_submit"/> 
</form>
<div id="flash_result"></div>
</div>

<div id="main">
<div id='heading'>Tweets</div>
<div id='content'>
<?php


$sql="select * from tweets order by t_id DESC";
$result=mysql_query($sql);
while($row=mysql_fetch_row($result))
{
$time = "$row[2]";
echo "<div class='tweet_box'>";
echo "<div class='tweet_user'><img class='user_img'
     src='http://www.gravatar.com/avatar/a422402df9e5dc54fab6e8131dd19fd0?s=50'></div>";
echo "<div class='tweet_body'>";
?>
<div class='tweet_time'><?php time_stamp($time);?></div>
<?php
echo "<div><b><a href='http://twitter.com/wtfdiary'>Abhishek Ahlawat</a></b> <span
     class='uname'>@wtfdiary</span></div>";
echo "<div class='tweet_text'>$row[1]</div>";
echo "</div></div>";
}

?>
</div>
</div>

</div>

</body>
</html>

が表示されたときにフェードイン効果を追加したいと思います

どうもありがとうございました、皆さんロック！

4

2 に答える 2

1

ファイル「post_tweet.php」で、style="display:none"後にフェードインする要素にを追加します。そしてJSの場合、変更...

$("#content").prepend(html);

...これに：

$(html).prependTo("#content").fadeIn(500);
于 2013-01-03T17:00:49.780 に答える
0

これを行う簡単な方法があります。

次のような別のページで「クエリ」を作成します：update.php

次に、この「ツイート」効果を含めるページで：

css

#load_tweets
{
background-color:#ffffcc;
height: 360px;
overflow:auto;
overflow-x:hidden;
}

jquery呼び出しとjqueryコード（head内）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script>
var auto_refresh = setInterval(
function()
{
$('#load_tweets').fadeOut('slow').load('update.php').fadeIn("slow");
}, 7000);
</script>

次に、ページ上の効果を表示する場所にこれを配置します。

<div id="load_tweets"> </div>
于 2013-01-03T16:59:07.923 に答える