jQueryプラグイン
index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>背景画像を固定</title> <link rel="stylesheet" href="css/style.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var topBtn = $('#to-top'…</link></meta></head></html>
http://yachin29.html.xdomain.jp/sample2.html 参考サイト wiseyeti.co.ukwiseyeti.co.uk index.html <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>無題ドキュメント</title> </meta></meta></head></html>
index.html <script> $(document).ready(function(){ $("#back-top").hide(); $(function () { $(window).scroll(function () { if ($(this).scrollTop() > 100) { //この数値で何pxスクロールしたらアイコンが現れるかを設定 $('#back-top').fadeIn(); } else { $('…
以前、既存のサイトをモデルにしてレスポンシブサイトを制作し、jQueryのプラグインを使いトップにスライダーを導入しましたが、モデルサイトに最も近い形のスライドショーを導入したパターンが今回のやつです。 今回のスライドショーの主なポイント ブラウ…
今回のjQueryは画像やテキストを本のようにめくれるjQuery「BOOKBLOCK」です。 動きもなめらかでページをめくる際の影の付き方なんかも非常に綺麗です。 「BOOKBLOCK」には3種類の見せ方があるので、用途によって上手く使い分けましょう。 「BOOKBLOCK」は画…
index.html <html lang="ja"> <head> <meta charset="utf-8"> <title>framework.jsを使ったデモページ</title> <link href="css/screen.css" rel="stylesheet"> <link href="css/caption.css" rel="stylesheet"> <link href="source/jquery.fancybox.css" rel="stylesheet"> </link></link></link></meta></head></html>
