自己寫(xiě)一個(gè)信息頁(yè)面:我這里彈出的信息頁(yè)面用baidu網(wǎng)站代替:
創(chuàng)新互聯(lián)公司專注于企業(yè)成都營(yíng)銷網(wǎng)站建設(shè)、網(wǎng)站重做改版、德興網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、成都h5網(wǎng)站建設(shè)、商城網(wǎng)站制作、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為德興等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title右下角彈出提示信息框/title
/head
style type="text/css"
#rbbox{
position:absolute;
right:0;
bottom:0;
width:300px;
height:0px;
overflow:hidden;
}
/style
body
div id="rbbox"
iframe src="" frameborder="0" height="200" width="300" scrolling="no"/iframe
/div
script language="javascript" type="text/javascript"
window.onload=function(){
showBox();
//setTimeout("closeBox()",5000)設(shè)置關(guān)閉時(shí)間
}
function showBox(o){
if (o==undefined) o=document.getElementById("rbbox");
o.style.height=o.clientHeight+2+"px";
if (o.clientHeight200) setTimeout(function(){showBox(o)},5);
}
function closeBox(){
document.getElementById("rbbox").style.display="none";
}
/script
/body
/html
兩種方式都行啊,可以寫(xiě)好一個(gè)登錄DIV,然后隱藏掉,觸發(fā)之后顯示出來(lái)?;蛘哂肑S動(dòng)態(tài)的生成元素。不過(guò)這個(gè)方法貌似比較復(fù)雜,需要先生成最外層的DIV,然后是后面的form -input -..等
樓主要求真高,我簡(jiǎn)單添出一個(gè)彈出登錄框效果!
style
#tishi{
margin-left:auto;
margin-right:auto;
border:2px solid #FFFFFF;
font-size:12px;
font-family: "宋體";
color:#990000;
padding-top:20px;
width:400px;
height:200px;
position:absolute;
z-index:110;
background:#e7e7e7;
left:0;
top:0;
opacity:0.5;
filter:Alpha(opacity=85);
}
//上面顯示登陸框的
#Yangan{
filter:Alpha(opacity=40);//透明40%
left:0;
top:0;
background: #303030;
opacity:0.80;
width:100%;//可見(jiàn)部分全部隱罩效果
height:100%;
position:absolute;//
}
//這里隱罩效果
/style
div id="tishi"
登錄框
/div
div id="Yangan"/div//
你說(shuō)的這種登陸窗口一般都是使用ajax請(qǐng)求。
$.ajax([
...
success:function(){
//狀態(tài)欄內(nèi)容更新
//關(guān)閉登陸窗口
}
]);
jQuery怎么彈出模式登錄界面,這個(gè)很簡(jiǎn)單,我給你講解一下關(guān)鍵技術(shù)。
jQuery 彈出框,其實(shí)是創(chuàng)建一個(gè) div ,然后 定位 div ,用css 渲染div效果。
比如實(shí)例:
當(dāng)點(diǎn)擊 一個(gè)按鈕,彈出一個(gè) 對(duì)話款,在網(wǎng)頁(yè)中間。
代碼如下:
!DOCTYPE html
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title/title
script type="text/javascript" src=""/script
script type="text/javascript"
$(function() {
$('#show').click(function(){
var html ='div id="windows"成功啦,這樣總可以設(shè)我為最佳了吧?哈。^_*/divdiv id="bg"/div';
$('body').append(html);
var left = ($(document).width() - $('#windows').width()) /2;
$('#windows').css({left:left});
$('#bg').show().height( $(document).height() ).css({'opacity':0.7});
});
});
/script
style type="text/css"
html,body{margin: 0; padding: 0;}
#show{ padding:100px; font-size:36px;}
#windows { position:absolute; top:100px; left:50px; background: #CCC; width:500px; padding:20px; z-index:999; text-align:center;}
#bg{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; background:#000; }
/style
/head
body
div id="show"點(diǎn)我啊/div
/body
/html
---------------------------------------
代碼是我大半夜手敲的哦,這樣總可以吧?謝謝哦,你懂得。。。
$.ajax({
url : ‘userAction!login.action’,
type : "post",
dataType : "json",
cache : false,
error : function(textStatus, errorThrown) {
alert("系統(tǒng)ajax交互錯(cuò)誤: " + textStatus.value);
},
success : function(data, textStatus) {
if(data.result=='success'){
alert("登錄成功!");
}else if(data.result=='err'){
alert("登錄失?。?);
}
});
名稱欄目:jquery彈出登錄,jquery彈出確認(rèn)框
轉(zhuǎn)載源于:http://jinyejixie.com/article10/dssehdo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、網(wǎng)站改版、小程序開(kāi)發(fā)、品牌網(wǎng)站制作、網(wǎng)站收錄、網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)