2016-03-24から1日間の記事一覧
<html> <head> <meta charset="utf-8"> <title>メディアクエリ</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> </body> </html> @charset "utf-8"; /* CSS Doc…
<html> <head> <meta charset="utf-8"> <title>メディアクエリ</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="container"> <div class="box"></div> <div class="box"></div> <div class="box"></div> <div class="box"></div> </div> </body> </html> @charset "utf-8"; /* CSS Doc…
ソースコード <p id="toTop"><a href="#top"><img src="img/toTop.png"></a></p> jQuery $(function(){ var topBtn = $('#toTop'); topBtn.hide(); //スクロールがトップから100pxに達したらボタン表示 $(window).scroll(function () { if ($(this).scrollTop() > 100) { topBtn.fadeIn(); } else { topBtn.fadeOut(); } });…
bxslider.com lokeshdhakar.com index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>パスタとワインの店</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/jquery.bxslider.css"> <link rel="stylesheet" href="css/lightbox.css"> </link></link></link></meta></head></html>
bxslider.com lokeshdhakar.com index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>パスタとワインの店</title> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/jquery.bxslider.css"> <link rel="stylesheet" href="css/lightbox.css"> </link></link></link></meta></head></html>
