0

Javascript は初めてで、最善を尽くしていますが、広範な検索を行っても問題を解決できません。

インライン スクリプト (XHTML) を使用して、ページの読み込み時にアイテムをフェードインさせようとしています。外部を使用したいのですが、ソフトウェアの制限がありません。これまでに開発したコードは次のとおりです...

<script type='text/javascript'>
$(document).ready(function() {
    $('#evan').fadeIn('slow');
});
</script>
<div id='evan' style='position:absolute;left:-200px;top:40%;width:80px;height:80px;background-color:red;'></div>

ボックスは表示されますがフェードインしないので、Javascript が正しく記述されていないと推測されます。

ご提供いただけるご支援をいただければ幸いです。ありがとう。

4

1 に答える 1

0

フェードインを機能させるには、アイテムを最初に非表示にする必要があり、要素の位置 (左: -200px) がビューポート内にないと思います。

<script type='text/javascript'>
$(document).ready(function() {
    $('#evan').fadeIn('slow');
});
</script>
<div id='evan' style='position:absolute;top:40%;width:80px;height:80px;background-color:red;display:none'>Some content</div>

デモ:フィドル

于 2013-06-20T00:30:39.690 に答える