js同页面多个展开收起效果_IT百科

请使用jquery

jQuery hide() 和 show()方法或者淡入淡出效果

$("button").click(function(){

$("#div1").fadeOut()

$("#div2").fadeOut("slow")

$("#div3").fadeOut(3000)

})

实现多效果请给组件加上id区分即可，希望能帮助到你

楼上的17kxx_com，楼主用的是 textbox服务器端控件 -_-||,

有两种方法

1.js脚本方式

2.使用服务器端控件，也就是textbox控件的onchange事件，但是这个是会回发的.

这个需求最好使用纯前台脚本(html+javascript)实现，不建议使用asp.net 服务器端控件的服务端事件（因为会回发，也就是页面会刷新一次，比较难看）,下面是方法1的实现代码:

<asp:TextBox ID="txtA" onblur="changetText()" ....>

<asp:TextBox ID="txtB" ..........>

textbox对应会生成相应的html代码.

然后javascript函数

function changetText()

{

document.getElementById("txtB").value=document.getElementById("txtA").value

}

</script>

不涉及后台代码。

以下为全部代码(通过测试)

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

function changetText() {

document.getElementById("txtB").value = document.getElementById("txtA").value

}

</script>

</head>

<body>

<div>

<asp:TextBox ID="txtA" runat="server" onblur="changetText()"></asp:TextBox>

<asp:TextBox ID="txtB" runat="server"></asp:TextBox>

</div>

</form>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

js同页面多个展开收起效果