Webからのメッセージ① | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ 知恵袋で、ブログを開いたとに、Webからのメッセージを
  表示する質問が、最近多くあります。
  (よく、右クリック禁止でも用いられます)

① 単純にメッセージを出す方法(フリープラグインへ追記する

<script type="text/javascript">
alert("メッセージ");
</script>


注意 この場合は、ページが表示している途中でメッセージが表示されます。
  下記の様にすれば、ページが表示されてからメッセージが表示されます


<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){
alert("メッセージ");
})
</script>


シャープ 改行をしたい場合は、下記の様に \n を入れます。以下同様です。


alert("メッセージ\nメッセージ");


② 時間を考慮して、表示したい場合

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>
<script type="text/javascript">
$(document).ready(function(){
var now = new Date();var hour = now.getHours();
if(5 <= hour && hour < 11) {
alert("おはよう");
}else{if(11 <= hour && hour < 17) {
alert("こんにちは");
}else{if(17 <= hour && hour < 23) {
alert("こんばんは");
}else{
alert("おやすみなさい");
}}}})
</script>


注意 説明

5時~11時までは、おはよう。
11時~17時までは、こんにちは。
17時~23時までは、おやすみなさい。
23時~5時までは、表示しません。



③ ブログを抜けたときに出したい場合は下記です

<script type="text/javascript">
function Omsg(){alert("メッセージ");}
window.onunload=Omsg;
</script>


注意 説明
window.onunload を使い、ブログを出た場合にメッセージを表示します。



● 下記については、フリープラグインの最初に1個あればOKです

<script type='text/javascript' src='http://stat100.ameba.jp/blog/js/apm001.js'></script>




★ 他にも、クッキーを利用して、ブログを訪れた頻度によってメッセージを変えたり
  メッセージを表示するかどうかを設定できたりします。
  また、ホームのみにメッセージを表示する方法もあります。