[B! Javascript][横] beth321のブックマーク

beth321 id:beth321

Javascriptと横に関するbeth321のブックマーク (3)

[JS]イベントを時間軸で表すタイムスケジュールシートをシンプルなコードで作成できるスクリプト -Timesheet.js
スケジュールの横軸と各アイテムを定義するだけでタイムスケジュールシートを簡単に作成できるスクリプトを紹介します。 jQueryやAngular.JSなど他のスクリプトは不要です。 Ilya Grigorik Timesheet.jsの使い方 Step 1: 外部ファイル当スクリプトを外部ファイルとして記述します。 <head> ... <script src="/javascripts/timesheet.js" type="text/javascript" /> </head> Step 2: HTML タイムスケジュールシートを配置する空のdivを用意します。 <div id='timesheet'></div> Step 3: JavaScript 一行目は配置する要素、自至、二行目以降はアイテムを配列で記述します。 new Timesheet('timesheet', 2002,
beth321 2014/09/08
コリス

div

横

javascript

js

*javascript

Library

*Web制作

タイムライン

イベント
リンク
[JS]さまざまなHTMLの要素をくるっと回転させるスクリプト -Flipload.js
パネルをクリックすると、くるっと回転します。回転後のスピナーはオプションです。回転は水平だけでなく、垂直にも対応しています。また、回転して動画を表示したり、フォームのボタンを回転させることもできます。ボタンだけをくるっと回転させることもできます Flipload.jsの使い方 Step 1: 外部ファイル当スタイルシートとスクリプトを外部ファイルとして記述します。 <link rel="stylesheet" href="flipload.css"> <script src="flipload.js"></script> Step 2: HTML 回転させる要素にclassを付与します。デモのようにリストでパネルを複数配置する場合は、下記のように。 <ul> <li class="box"> <div>1枚目のパネル</div> <li> <li class="box"> <d
beth321 2013/09/30
()

Javascript

アニメーション

縦

横

指定

回転

要素
リンク
要素を天地左右中央に配置できる簡単超軽量スクリプト -Midway.js | コリス
デスクトップやスマフォ・タブレットのレスポンシブ対応で、画像やテキストなどを天地左右の中央に簡単に配置できる超軽量（1KB）のスクリプトを紹介します。作業は、HTMLに2つ追加するだけです。 Midway.js Midway.jsのデモ Midway.jsの使い方 Midway.jsのデモ天地左右中央配置は表示サイズを変更しても、変わらずに天地左右中央配置になります。デモは、ブルーの矩形の中に、ホワイトの要素を天地左右中央配置にしています。まずは、デスクトップサイズから。デモページ：IE7モードで表示 Midway.jsの使い方使い方は簡単で、ステップは2つです。 Step 1: 外部ファイル head内に、スクリプトを外部ファイルとして記述します。 <head> <script src="http://code.jquery.com/jquery-latest.js"></s
beth321 2013/06/04
　コリス

css

javascript

css

jQuery

js

中央

コリス

縦

横

2013
リンク
1