graffiti on the web 投稿関連
ページID 取得・表示
[php]<?php $post_id = get_the_ID ( ) ;
echo $post_id; ?>[/php]
リンク取得・表示
[php]
<a href="<?php echo get_permalink( 99 ); ?>">リンクテキスト</a>
[/php]
…
jQueryのfadeOutを使って、クリックされた文字をゆっくり消します。
サンプルも設置しているので、ご確認ください。
↑クリックすると消えます。戻すにはここをクリックして再読み込みしてください。
サンプル
消える文字(クリックしてください。)
設置コード
まずは、htmlソースのhead内でjqueryを読み込みます。<script type='text/javascript' src='jquery-1.6.1.min.js'></script>今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。この場合、p.fadeout が宣言されているタグの前でも後ろでも正常に動作したので、場所はどこでもいいのかな。(多分。。)
<script type="text/javascript">
jQuery(function() {
jQuery("p.fadeout").click(function() {jQuery(this).fadeOut('slow');});
});
</script>
クリックで消したい文字のソースを設置します。
<p class="fadeout">消える文字</p>
この投稿へのコメント
コメントはまだありません。