展开关闭DIV

最新推荐文章于 2025-09-05 11:22:47 发布

weixin_30279751

最新推荐文章于 2025-09-05 11:22:47 发布

阅读量83

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml javascript c# ViewUI

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="openorclosediv.aspx.cs" Inherits="openorclosediv" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<style type="text/css">
#box4{padding:10px;border:1px solid green;}
</style>
<script type="text/javascript" language="javascript">
//=点击展开关闭效果=
function openShutManager(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){
var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;
var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;
var openTip = oOpenTip || "";
var shutTip = oShutTip || "";
if(targetObj.style.display!="none"){
if(shutAble) return;
targetObj.style.display="none";
if(openTip && shutTip){
sourceObj.innerHTML = shutTip; //修改button文字
}
} else {
targetObj.style.display="block";
if(openTip && shutTip){
sourceObj.innerHTML = openTip; //修改button文字
}
}
}
</script>
<title>鼠标点击展开关闭层效果</title>
</head>
<body>
<p><button onclick="openShutManager(this,'box4',false,'点击关闭','点击展开')">点击展开</button></p>
<div id="box4" style="display:none">
这里是div中的内容-欢迎方法http://www.paomeng.com 精彩源码片段
</div>
</body>
</html>