jqueryポップアップボックスの使用例(1)_jquery

$(function(){
var $window = $(ウィンドウ),
$doc = $(ドキュメント),
$body = $('body');
//管理追加削除の js代コード
var tabLi=$(".tabPanel").find("li");
tabLi.hover(function(){
$(this).addClass( "hover").siblings().removeClass("hover");
},function(){})
/*弹出框定位*/
$(window).scroll(function() {
var pwdTips =$(".pwdTips");
var height=pwdTips.height();
var bodyHeight=$(window); height() ;
var bodyWidth=$(window).width() ;

if(!pwdTips.is(":hidden")){
pwdTips.css({
位置: "固定",
上: (bodyHeight-height)/2,
left:(bodyWidth-width)/2
});
/*弹出框定位置束*/
/*弹出框半透明背景の配置*/
var bgShadow = function(zindex) {
zindex = zindex?zindex:999; var _bg = $('div.pwdTipsBg'),
bg_html = '';
if(_bg.length === 0) {
_bg = $(bg_html);
}
$body.append(_bg)
_bg.css({
位置 : '絶対',
トップ : '0px',
左 : '0px'、
幅 : $window.scrollLeft() $window.width() 'px'、
高さ : $doc.height()、
'z-index' : zindex
});
return _bg;
};

/*弹出半透明背景の設置*/
/*绑定イベント*/

var bindingClick = function(obj,handlerEvent){
obj.bind( "click",function(e){
e.preventDefault();
var select=$(this).attr('contentid'); $(this).attr('id');
var pwdTips=$(select);
if(handlerEvent!=null)
{
handlerEvent($(this)); >
}
pwdTips.show();
pwdTips.find(".closeBtn,.diaSmtRst").click(function(){
pwdTips.hide();
var _bg = $('div.pwdTipsBg');
_bg.remove();
});
pwdTips.find('#onLineId').val(onLineId); 🎜>
});

};
var show=tabLi.find("dt"),
addPanelBtn=$(".addPanelBtn"),
clickBtn=$(".clickBtn");
var setValue= function(obj){

if($(obj).is('.addPanelBtn'))
{
$('#opename').attr('価値'、""）;

$('#pwdRest').find('#userName').show();

}
else
{

$('#pwdRest').find('#userName').hide();
$('#opename').attr('value',obj.text());
$("input.shareId").attr('value',obj.attr('id'))
}

}
$(function(){
bindingClick(show,setValue);
bindClick(addPanelBtn,setValue);
})


すべての出力コンテンツは状況に応じて判断表示し、対応する値を取得し、最初に操作の種類に基づいて暗号コードの変更かゲスト サービスの追加かを判断し、その後、対応する出力コンテンツを再表示します。