*
| dragLay['レイヤー名'] = new dragLay('レイヤー名',left,top,'html') |
Win n4 n6 moz e4 e5 e6 o6,
Mac n4 n6 moz e4.5 e5 ,
Linux n4 n6 moz |
| ドラッグできるレイヤーをクロスブラウザに作成するためのサンプルファンクションです。 |
<script language="JavaScript" src="./drag/draglay.js"> </script>
<script language='JavaScript'>
<!--
/*********************************************************
* クロスブラウザドラッグドロップのためのスクリプト
* dragLay 2002.4.14
* update 2002.4.19
* -------------------------------------------------------
* 言語 : JavaScript
* 対象Browser :
* Win n4 n6 moz e4 e5 e6 o6,
* Mac n4 n6 moz e4.5 e5,
* Linux n4 n6 moz
* -------------------------------------------------------
* drag ホルダを適当な場所にコピーしたうえで
* <script language="JavaScript" src="./drag/draglay.js">
* </script>
* で呼び出してご利用ください。
* 書式:
* dragLay['レイヤー名'] = new dragLay('レイヤー名',left,top,'html')
* 引数説明:
* ・レイヤー名 ドラッグドロップするレイヤーの名前
* ・left レイヤーの初期left位置
* ・top レイヤーの初期top位置
* ・html レイヤーの中へ表示するhtml
* 使用例:
* dragLay['b0'] = new dragLay('b0',10,10,'<b>あいうえお</b>')
* -------------------------------------------------------
* Toshirou Takahshi tato@fureai.or.jp
* Support http://game.gr.jp/js/
* 改造は自由ですがバグやブラウザのバ?ジョンアップへ
* の対応等の情報には充分注意してご利用ください。
*/
//レイヤーの数だけ dragLay[layName] = ...を増減してください
dragLay['drag0'] = new dragLay('drag0',100,300 ,'<img src="//img.allabout.co.jp/gm/article/24025/drg.gif" border="0">')
dragLay['drag1'] = new dragLay('drag1',200,300 ,'<img src="//img.allabout.co.jp/gm/article/24025/drg.gif" border="0">')
dragLay['drag2'] = new dragLay('drag2',100,380 ,'<b>文字もドラッグできます</b>')
//-->
</script>
* 緑文字が今回の関数(外部.jsファイルにして読み込んでいます)
* 赤文字がこのスクリプトで最初に動作する部分
|
| 簡単にドラッグできるレイヤーをクロスブラウザに作成するためのサンプルファンクションです。 レイヤーの位置left,topとレイヤーに乗せるHTMLを指定するわずか1行のスクリプトだけで簡単にドラッグ可能なレイヤーが生成されます。 |
|
★次のページはjs外部ファイル(drag.js)のソースです。
|
次のページ→|
シリーズ目次 |