
「東京のいいところ」がテーマです。
東京タワー・スカイツリー・浅草雷門・東京駅などのお馴染みのスポットをコンパクトにまとめました。
台座は日本をテーマに、「歌舞伎」「相撲」「忍者」「寿司」「芸者」を造形しました。
//雪ふらす $(window).load(function(){ $(document).snowfall({ round:true, shadow:false, minSize:2, maxSize:12, flakeCount:300, minspeed:1, maxSpeed:3 }); });
//背景変化 $(function(){ $('.contents').each(function(i, elem){ var contentsPOS = $(elem).offset().top; $(window).on('load scroll resize', function(){ var winHeight = $(window).height(); var scrollTop = $(window).scrollTop(); var showClass = 'show'; var timing = 300; // 100pxコンテンツが見えたら次のif文がtrue if (scrollTop >= contentsPOS - winHeight + timing){ $(elem).addClass(showClass); } else { $(elem).removeClass(showClass); } }); }); });
// スムーススクロール $(function(){ $('a[href^=#]').click(function() { var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; var speed = 1000; // スクロールの速度(ミリ秒) $('body,html').animate({scrollTop:position}, speed, 'swing'); // スクロール方式 return false; }); });
//pagetop $(function() { var topBtn = $('#pageTop'); topBtn.hide(); //スクロールが100に達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 150) { //ボタンの表示方法 topBtn.fadeIn(); } else { //ボタンの非表示方法 topBtn.fadeOut(); } }); });