ホームページ >ウェブフロントエンド >jsチュートリアル >TimergliderJS jQuery ベースのタイムライン plug-in_jquery

TimergliderJS jQuery ベースのタイムライン plug-in_jquery

WBOY
WBOYオリジナル
2016-05-16 17:58:381848ブラウズ

Timeglider JS は、JavaScript を利用したスケーリング、データ駆動型のタイムライン コンポーネントです。プロジェクト履歴、プロジェクト計画、および履歴の表示が必要なその他のプロジェクトの表示に最適です。

タイムラインは、右側の垂直スライダーをドラッグ アンド ドロップすることでズームできます。上にズームしたり、下にズームインしたりできます。スクロール ホイールを使用してズームを制御することもできます。イベントをクリックすると、時間の内容とそのデータを説明する小さなウィンドウが表示され、マウスを空白スペースの東にドラッグすることでタイムラインを左右にドラッグできます。

JS コンポーネントには次の目標があります:

iPad およびその他のタッチ対応デバイスをサポート
HTML/JS ベースのアプリケーションおよびインターフェイスへの統合が非常に簡単
複雑なレイアウトをサポートし、指定されたカスタム HTML 要素にイベントを追加できます
インストール
ステップ 1: jQuery UI とその Timeglider CSS ファイル



ステップ 2 : jQuery クラス ライブラリを注入します