html
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名、雅安服务器托管、营销软件、网站建设、孟州网站维护、网站推广。
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个简单弹出div的小例子 页面不是很美观 效果达到了p/p/p/p/p/p/
span style="cursor:pointer" id="span1"点我弹出div/span
div id="div1"
div align="right" style="background-color:#CDCDCD;"span id="span2" style="cursor:pointer"关闭/span
/div
pp
form
username:input type="text"/p /
age:input type="text"/p /
input type="submit" value="submit"/br /
/form
/div
/body
/html
以上代码直接复制粘贴,html文件就可以运行,可以做弹出操作。
比如:
$("#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代码写好了补充: 求采纳答案,谢谢。 追问: C是一个div、我是不是要弹出div的、我是想弹出一个页面的例如A.html是父页面、然后上面是一个列按钮、点击了任何一个按钮就弹出B.html页面。B.html用遮罩层的方式弹出。谢谢! 回答: 那把div改成iframe就行了。 追问: 怎么做的?给iframe定义页面如何定义的?因为我在A.html打开B.html的时候A.html还要给B.html传参数的。所以不知道怎么去做的。 回答: iframe src="URL"…/iframe传参数只要在form的action制定页面就行了。 追问: 传参数只要在form的action制定页面就行了。这一句话不太理解、所以能给一个详细点的例子吗 ? 回答: form action="某个页面" form这样要传的参数就会到某个页面了。 补充: 不采纳答案吗? 追问: 还是没理解、每个按钮进行传递的参数都是动态、asp.net开发的。所以我不太明白用jquery的这个方法、遮罩层方式的打开子页面的方法。 回答: 那你得去学学表单这方面的知识了,就这么跟你讲也讲不清的。
1、新建并保存一个html文档,进入html代码编辑页面。
2、写一个input文本输入框,并定义ID,然后写一个按钮,并定义ID。
3、要做的效果就是点击按钮为输入框赋值,然后把输入框和按钮的css样式写好,不写样式也可以。
4、引入jquery文件,路径要正确,写jquery代码,打开浏览器测试一下,点击按钮之后,输入框内就会自动输入赋值的内容。
建议用一个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("弹出一个窗口页面")
});
/script
不知楼主说的窗口页面是否是这样的。