您的位置：首页 > Web前端 > CSS

点击切换样式表实现内容折叠与展开(overflow)

2012-09-13 14:34 691 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTML://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd">

<HTML xmlns="HTML://www.w3.org/1999/xHTML">

<head>

<meta HTML-equiv="Content-Type" content="text/HTML; charset=gb2312" />

<title>切换样式表www.aa25.cn</title>

<style>

.aa {height:18px; overflow:hidden;}

.bb {}

</style>

<script language="javascript">

function aa(obj)

{

if(obj.className == "aa")

{

obj.className = "bb";

}

else

obj.className = "aa";

}

</script>

</head>

<body>

<table width="800" border="1" id="list">

<tr>

<td width="142"> </td>

<td width="440"><div class="aa" 首先,服务器端的组件要有别于客户端的组件.客户端的组件是通过网络传输,依靠HTML来起作用.而且只能在IE上有用.但是服 务器端的组件是运行在服务器端,它在服务器上执行各种操作.因此</div></td>

<td width="196">点击中列的文字看看</td>

</tr>

<tr>

<td> </td>

<td><div class="aa" 1、要想保存的内容和保存</div></td>

<td>www.aa25.cn</td>

</tr>

<tr>

<td> </td>

<td> </td>

<td> </td>

</tr>

</table>

</body>

</HTML>

文章出处：标准之路(http://www.aa25.cn/code/475.shtml)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  overflow
相关文章推荐
新的分享
章节导航