JavaScript は msgbox プロンプト効果コードを模倣します_javascript スキル

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

//前任者：http://www.moozi.net
//修正：hh13774978@126.com,rayking
function $(str){
return document.getElementById (文字列);
}
function _(str){
return document.getElementsByTagName(str);
}
function msg(boxtitle,boxtype,boxwidth,msg,url){
$("msg_div_main").style.width = boxwidth;
$("msg_div_main").style.left = (_("body")[0].clientWidth - boxwidth) / 2;
$("msg_div_main").style.top = (_("body")[0].clientHeight - 220) / 2;
var msg_div_main_but_tmp = "

"
" "onclick="msg_close_tmp_biyuan();" url "">确定< ;/ボタン>";
switch(boxtype * 1){
case 1:
$("msg_div_main_content").innerHTML = msg msg_div_main_but_tmp;
//$("msg_div_main_but").focus();
休憩;
ケース 2:
$("msg_div_main_content").innerHTML = msg msg_div_main_but_tmp
"onclick='msg_close_tmp_biyuan();'>取消< ;/ボタン>";
//$("msg_div_main_but").focus();
休憩;
ケース 3:
$("msg_div_main_content").innerHTML = msg;
休憩;
デフォルト:
$("msg_div_main_content").innerHTML = msg;
休憩;
}
$("msg_div_main_title").innerHTML = boxtitle;
$("msg_div_main").style.zIndex = 200;
$("msg_div_main").style.display = "";
if(document.all){ //IE
if(!$("msg_div_all_Iframe"))
{
document.body.appendChild(document.createElement(" "));
}
$("msg_div_all").style.zIndex = 100;
$("msg_div_all").style.display = "";
$("msg_div_all").oncontextmenu = function()
{
return false;
}
$("msg_div_all_Iframe").style.zIndex = 99;
$("msg_div_all_Iframe").style.display = "";
$("msg_div_all_Iframe").oncontextmenu = function()
{
return false;
}
}else{
$("msg_div_all").style.zIndex = 100;
$("msg_div_all").style.display = "";
$("msg_div_all").oncontextmenu = function()
{
return false;

}
$("msg_div_main").oncontextmenu = function(){
return false;
}
}
function msg_close_tmp_biyuan(){
$('msg_div_all').style.display='none';
$('msg_div_main').style.display='none';
if(document.all){
$('msg_div_all_Iframe').style.display='none';}
}
// 追加对话框移动代码
/* 鼠标拖アニメーション*/
var oDrag = "";
var ox,oy,nx,ny,dy,dx;
function drag(e,o){
var e = e ? e : イベント;
var mouseD = document.all ? 1:0;
if(e.button == mouseD)
{
if (o.parentNode)
{
oDrag = o.parentNode;
}
else{oDrag = o;}
ox = e.clientX;
oy = e.clientY;        
}
}
function dragPro(e){
if(oDrag != "")
{
//var obj=document.getElementById("msg");/ /拖行為的id
var obj=oDrag;//拖行為的id
var e = e ? e : イベント;
obj.style.position = '絶対';
dx = parseInt(obj.style.left);
dy = parseInt(obj.style.top);
if(isNaN(dx)){dx=0;}
if(isNaN(dy)){dy=0;}
nx = e.clientX;
ny = e.clientY;
obj.style.left = (dx ( nx - ox )) "px";
obj.style.top = (dy ( ny - oy )) "px";
ox = nx;
オイ = ニューヨーク;
}
}
document.onmouseup = function(){oDrag = "";}
document.onmousemove = function(event){dragPro(event);}
document.writeln(""
"

"
""
"

"
"< table width='100%' height='29' border='0' cellspacing='0' cellpadding='0' onmousedown='drag(event,this)'>"
""
""
" "
""
" "onMouseover="this.src='img/bg_13.gif'" "
"onMouseout="this. src='img/bg_05.gif'" onMouseup='msg_close_tmp_biyuan();' "
"onMousedown="this.src='img/bg_18.gif'">" "
"< ;/tr>"
""
""
" "
""
""
""
"gt;"
""
""
"< ;td background='img/bg_11.gif'>"
""
""
""
"") ;


在線演示
打包下ダウンロード

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScriptの入門学習におすすめの書籍_基礎知識次の記事：JavaScriptの入門学習におすすめの書籍_基礎知識

関連記事

続きを見る

• Bootstrap リスト グループ コンポーネントの詳細な分析
• JavaScript関数のカリー化の詳細説明
• JS パスワードの生成と強度検出の完全な例 (デモ ソース コードのダウンロード付き)
• Angularjs は WeChat UI (weui) を統合します
• JavaScript を使用して繁体字中国語と簡体字中国語をすばやく切り替える方法と、簡体字中国語と繁体字中国語の切り替えをサポートする Web サイトのトリック_javascript スキル

福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！

私たちについて免責事項Sitemap

© php.cn All rights reserved