仕事のメモ帳。
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
今回ご紹介するのは、○○PXスクロールしたらという物ではなく、この要素の位置に来たら固定するというものです。 応用すれば、サイドバーなども固定出来ますので、使い勝手は良いと思います。
<script>jQuery(function($) {$('#timer').yycountdown({endDateTime :'<?php echo "{$y}/{$m}/{$d} {$h}:{$mn}:00" ; ?>',unit : {d:'日', h:'時間', m:'分', s:'秒'},});});</script>
<script>function Settoday(){var today = new Date() ;var nowtime= ("0"+today.getHours()).slice(-2) +":"+("0"+today.getMinutes()).slice(-2);var weekday = [ "Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat" ] ;var startlist = [ "", "10:00", "", "22:00", "", "", "19:00" ];var endlist = [ "", "16:00", "", "", "", "", "21:00" ];var starttime="00:00";var endtime="24:00";if(startlist [today.getDay()] != ""){starttime=startlist [today.getDay()];}if(endlist [today.getDay()] != ""){endtime=endlist [today.getDay()];}if ( nowtime >= starttime && nowtime <= endtime){document.getElementById(weekday[today.getDay()]).style.display="block";}}
</script>
<bodyonload="Settoday();">
<divid="Sun"style="display:none;">
日曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Mon"style="display:none;">
月曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Tue"style="display:none;">
火曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Wed"style="display:none;">
水曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Thu"style="display:none;">
木曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Fri"style="display:none;">
金曜日に表示する内容
<imgsrc="画像URL">
</div>
<divid="Sat"style="display:none;">
土曜日に表示する内容
<imgsrc="画像URL">
</div>
</body>