jQuery
jQueryのanimate()メソッド animate({"プロパティ":"値"},スピード) このスピード部分に数値でミリ秒、"slow"や"fast"などの文字列指定。このままだとanimateの動きが機械的な単調な物になるので「Easing」プラグインを入れて 自然な動きが演出するようにす…
ページ内のheaderとfooter部分 一般のWEBサイトはheader部分やfooter部分などはテンプレートページの共通レイアウトエリアとして レイアウトは編集不可領域とし、情報やデザインが可変するコンテンツ内を編集領域としていました。スマホなどのモバイルデバイ…
基本はHTML5,CSS3,そして以下のhead内のコード <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="format-detection" content="telephone=no" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> </link></meta></meta>
jQueryのサイトよりヘッダートップバーの左から２番目のオレンジのアイコンをクリックしてjQuery UI(ユーザーインターフェイス)のページへいく。 jQuery UIの左サイドバーより使用したいインターフェイスを選択すると中央にプレビューで実際の表示が確認でき…
html <html lang="ja"> <head> <meta charset="utf-8"> <title>accordion</title> <link rel="stylesheet" href="css/temp_rest.css"> </link></meta></head></html>
基本となるhtml <table> <tr> <th>th00</th> <th>th01</th> <th>th02</th> <th>th03</th> <th>th04</th> </tr> <tr> <td>0</td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td>9</td> </tr> <tr> <td>10</td> <td>11</td> <td>12</td> <td>13</td> <td>14</td> </tr></table>
jQueryを記述するにあたって、特定のHTMLやCSSに対し命令を実行するにはそれぞれのセレクターを指定します。 HTML <ul> <li id="first">テキスト</li> <li class="second">テキスト</li> <li id="third">テキスト</li> <li class="fouth">テキスト</li> <li id="fifth">テキスト</li> </ul> HTMLのみの出力結果(cssは未記入状態) テキスト テキスト テキスト テキスト テキスト jQue…
