ねこきっくぱんちのメモ帳

webの勉強メモです。 HTML,CSS,JavaScript,PHP,Illustrator,Photoshopなど。

2017-05-14から1日間の記事一覧

web017 transitionプロパティ(時間的変化の過程)

css

transitionプロパティ(時間的変化の過程) 主に:hover時の動きに時間的変化をつける。■ポイント ・ショートハンドである。 ・各プロパティのざっくり説明 transition-property:どこを(背景色を) transition-duration:どれくらい(1.5秒位で) transition-…

web016 上位表示(SEO)の考慮ポイント

SEO

上位表示(SEO)の考慮ポイント 随時更新■大きな点 ・アウトラインが正しい文書構造になっていること ・文法エラーが存在しないこと ・レスポンシブ対応がされていること ※いずれもツールチェックを必ず行う。■細かい点 ・直下(囲むdivやsectionはよい)に「h1,…

アイカツの曲で打線組んだ

アイカツの曲で打線組んだ アイカツスターズは含んでいません。 いい曲順ではなくチームとしての打線組みです。■アイカツ打線 1 中 ダイヤモンドハッピー www.youtube.com2 二 Stranger alien www.youtube.com3 遊 Friend www.youtube.com4 左 Move on Now w…

JavaScript008 画像マウスオーバー時にメイン画像を切り替える

画像マウスオーバー時にメイン画像を切り替える <script> function myChgPic(myPicURL){ document.getElementById('myBigImage').src = myPicURL; } function myRtnPic(rtnPicURL){ document.getElementById('myBigImage').src = rtnPicURL; } </script></head> <body> <div class="container"> <h1>サムネールにマウ</h1></div></body>…

JavaScript007 Imageオブジェクト

Imageオブジェクト 画像に関する情報を提供したり,画像を操作したりするオブジェクト。■使用例 JavaScript006 画像クリック時に順番にループするよう切り替える - ねこきっくぱんちのメモ帳■参考 Image() - Web APIs | MDN JavaScriptリファレンス - Image…

JavaScript006 画像クリック時に順番にループするよう切り替える

画像クリック時に順番にループするよう切り替える html <script> //配列準備 var Images = new Array(); Images[0] = new Image(); Images[0].src = "img/p1_300.jpg"; Images[1] = new Image(); Images[1].src = "img/p2_300.jpg"; Images[2] = new Image(); Image…