N-takデザインブログ

WEBで培った作品や技術を公開しています。

jQuery

追従するサイドバーでしかもページ内をスムーズにリンクするjQuery

作業用メモです。 1.jQ/Js ①ヘッド内もしくはリンクを設置 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> ②ヘッド内もしくはリンクを設置 $(function(){ // #で始まるアンカーをクリックした場合に処理 $('a[href^=#]').click(function() { // スクロールの速度 var speed = 1000; // ミリ秒 // アンカー…

on/offで簡単に画像がゆっくり切り替わるjQuery

// 作業に使ったメモです。 DEMO 画像がゆっくり切り替わります。 1.画像の用意 画像の末尾は以下のようにして下さい。 ○○○_off.拡張子(変更前) ○○○_on.拡張子(変更後) 2.jQ 以下はコードです。 ヘッド内に、 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> を記述し以下を外部ソースか、同じHTMLヘッ…

スマホのスワイプにも対応!横からスライドする初心者javascriptスライドショ-

11月になりました。 11月の1回目は『javascript』です。 サンプルは私のポートフォリオになるので、まず動きを見てみましょう。

吹き出しでコメントがでるよ。jQuery初心者まとめ!

お手軽に画像にカーソルがのったらコメントがでるjacascriptを公開します。