WEBはじめました

お花屋さん→WEB広告代理店→色々

2014-08-01から1ヶ月間の記事一覧

0827 CSS: ブラウザサイズに関係なく背景画像が全面に広がるレイアウト

背景画像の指定 1600px×900pxの切り抜き画像を作成し、PNGで保存しておく。 PNG画像に圧縮をかけて少しでもファイルサイズを軽くしておく。 スタイルシートの指定をする。 body{ background-image: url(xxx.png); /* 常に転地左右の中央に表示 */ background…

0826 CSS: どのブラウザでもcontainerが真ん中に表示される方法2つ

1、%指定 container{ top: 50%; left: 50%; margin-top: -○○px; margin-left: -○○px; } top50%指定でcontainerの左の角がブラウザの上下のど真ん中に表示されるため、 その後containerのheightの半分のpx数をmargin-topでマイナス指定する事で 上下のど真…

0806 jQuery: イベント(2)、アニメーション効果

イベント mousemove() 特定の要素上でマウスカーソルが動いた時に処理を実行 one() 指定した要素で発生したイベントに対して一度だけ実行する処理を設定できる $( セレクター ).one( ‘イベント発生の条件’, function(){ イベント発生時に処理 }); イベント発…

0804 jQuery: イベント

イベント click() $( セレクター ).click(function(){ 処理 return false; }); a要素にクリックイベントを設定する際に注意する事 a要素はクリックするとhrefの参照先へジャンプする機能を持つ →click指定をするためにはその機能をストップさせなければなら…

0801 jQuery: 各種セレクター

CSS2.1 子セレクター li > strong li直下のstrongに命令を与える →<li><div><strong>のように、間に別の要素が入った場合にはきかない 隣接セレクター #second + li 特定の要素の次に出現する要素に命令を与える ex <li id=”second”> 2 </li> <li id=”third”> 3 </li> →#secondに隣接するliに命令=#thirdのliに命令がか</strong></div></li>…