html
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:主機(jī)域名、雅安服務(wù)器托管、營銷軟件、網(wǎng)站建設(shè)、孟州網(wǎng)站維護(hù)、網(wǎng)站推廣。
headtitleSimple jsp page/title
style type="text/css"
!--
#div1 {
position:absolute;
left:338px;
top:91px;
width:446px;
height:294px;
z-index:1;
border:solid #7A7A7A 4px;
}
/style
script
src=""/script
script type="text/javascript"
$(function(){
$("#div1").hide(); //先讓div隱藏
$("#span1").click(function(){
$("#div1").fadeIn("slow");//淡入淡出效果 顯示div
});
$("#span2").click(function(){
$("#div1").fadeOut("slow");//淡入淡出效果 隱藏div
})
});
/script
/head
body
1個(gè)簡單彈出div的小例子 頁面不是很美觀 效果達(dá)到了p/p/p/p/p/p/
span style="cursor:pointer" id="span1"點(diǎn)我彈出div/span
div id="div1"
div align="right" style="background-color:#CDCDCD;"span id="span2" style="cursor:pointer"關(guān)閉/span
/div
pp
form
username:input type="text"/p /
age:input type="text"/p /
input type="submit" value="submit"/br /
/form
/div
/body
/html
以上代碼直接復(fù)制粘貼,html文件就可以運(yùn)行,可以做彈出操作。
比如:
$("#btn").click(function(){
window.open("要彈出的頁面.html");
});
$(function(){ $("a").click(function(){ $(".c").show();})})/script .f{width:400px; height:400px; border:solid 1px #333;} .f a{display:block; width:70px; height:25px; line-height:25px; background:#CCCCCC;} .c{width:100px; height:100px; border:solid 1px #333; background:blue; display:none;}div class="f" a按鈕/a div class="c"/div/div代碼寫好了補(bǔ)充: 求采納答案,謝謝。 追問: C是一個(gè)div、我是不是要彈出div的、我是想彈出一個(gè)頁面的例如A.html是父頁面、然后上面是一個(gè)列按鈕、點(diǎn)擊了任何一個(gè)按鈕就彈出B.html頁面。B.html用遮罩層的方式彈出。謝謝! 回答: 那把div改成iframe就行了。 追問: 怎么做的?給iframe定義頁面如何定義的?因?yàn)槲以贏.html打開B.html的時(shí)候A.html還要給B.html傳參數(shù)的。所以不知道怎么去做的。 回答: iframe src="URL"…/iframe傳參數(shù)只要在form的action制定頁面就行了。 追問: 傳參數(shù)只要在form的action制定頁面就行了。這一句話不太理解、所以能給一個(gè)詳細(xì)點(diǎn)的例子嗎 ? 回答: form action="某個(gè)頁面" form這樣要傳的參數(shù)就會(huì)到某個(gè)頁面了。 補(bǔ)充: 不采納答案嗎? 追問: 還是沒理解、每個(gè)按鈕進(jìn)行傳遞的參數(shù)都是動(dòng)態(tài)、asp.net開發(fā)的。所以我不太明白用jquery的這個(gè)方法、遮罩層方式的打開子頁面的方法。 回答: 那你得去學(xué)學(xué)表單這方面的知識(shí)了,就這么跟你講也講不清的。
1、新建并保存一個(gè)html文檔,進(jìn)入html代碼編輯頁面。
2、寫一個(gè)input文本輸入框,并定義ID,然后寫一個(gè)按鈕,并定義ID。
3、要做的效果就是點(diǎn)擊按鈕為輸入框賦值,然后把輸入框和按鈕的css樣式寫好,不寫樣式也可以。
4、引入jquery文件,路徑要正確,寫jquery代碼,打開瀏覽器測試一下,點(diǎn)擊按鈕之后,輸入框內(nèi)就會(huì)自動(dòng)輸入賦值的內(nèi)容。
建議用一個(gè)div包住tab1,tab2,tab3,
function win(param) {
if (param === 'beibao') {
$('#tab1').show.siblings().hide();
} else if (param === 'cangku') {
$('#tab2').show.siblings().hide();
} else if (param === 'chongwu') {
$('#tab3').show.siblings().hide();
}
}
html代碼如下:
input
type="button"
value="顯示"
id="b1"/
jquery代碼如下:
添加jquery引用。。。
script
type="text/javascript"
$(function(){
$("b1").click("彈出一個(gè)窗口頁面")
});
/script
不知樓主說的窗口頁面是否是這樣的。