検索

ホームページ >ウェブフロントエンド >jsチュートリアル >JS CSS はドラッグ可能なポップアップ プロンプトを実装します。 box_javascript スキル

JS CSS はドラッグ可能なポップアップ プロンプトを実装します。 box_javascript スキル

WBOY
WBOYオリジナル
2016-05-16 16:13:551191ブラウズ

この記事の例では、JS CSS を使用してドラッグ可能なポップアップ プロンプト ボックスを実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

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


<頭>

JS CSS によって作成されたドラッグ可能なポップアップ プロンプト ボックス


<スクリプト言語="javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove
関数 MDown(オブジェクト){
Obj=オブジェクト.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}
関数 MMove(){

if(Obj!=''){
document.all(Obj).style.left=event.x-pX;
document.all(Obj).style.top=event.y-pY;
}
}

関数 MUp(){

if(Obj!=''){
document.all(Obj).releaseCapture();
Obj='';
}
}

<体>



×< ;/div>


このヒントをクリック


この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：javascript_javascript スキルにおける関数宣言と関数式の違いの簡単な分析次の記事：javascript_javascript スキルにおける関数宣言と関数式の違いの簡単な分析

関連記事

続きを見る