ホームページ >ウェブフロントエンド >jsチュートリアル >JQUERY_jquery に基づく JQUBar Histogram プラグイン

JQUERY_jquery に基づく JQUBar Histogram プラグイン

WBOY
WBOYオリジナル
2016-05-16 18:15:351472ブラウズ
1. JQUBAR (V1.0) JQUERY プラグインの概要
1. .net、java、php およびその他のプラットフォームをサポートします。
2. ユーザーはマウスでヒストグラムをドラッグすることで各列の高さを変更でき、最終的にはグラフィカル インターフェイスをマウスでドラッグすることでサーバー データを変更するという目的を達成できます。
3. ヒストグラムのスケーリングをサポートします。
4. 現在サポートしているブラウザ: IE7、IE8、Firefox、Chrome。

2. HTML
コードをコピーします コードは次のとおりです:

<%--JQUBAR コンテナ--%>







名前あいまいクエリ:



スクリーンショットは次のとおりです:

3. JavaScript と CSS ファイルの紹介



コードをコピーします コードは次のとおりです:


" rel= "stylesheet" type ="text/css" />


注: 上記のファイルを HTML にインポートしてください。

4. Javascript コードを追加します


コードをコピーします コードは次のとおりです。