div_显示隐藏简单例子1
2008-08-23 09:29
323 查看
<div><a href="#" target="_self" onMouseUp="opencat('Account');"><strong>我的帐户</strong></a></div>
<div id="Account" style="display: none;">
<ul >
<li><a href="Users_Information.asp" target="right">用户资料</a></li>
<li><a href="Users_Password.asp" target="right">修改密码</a></li>
<li><a href="Users_ForgotPassword.asp" target="right">忘记密码</a></li>
<li><a href="Users_Records.asp" target="right">点播记录</a></li>
<li><a href="Users_Collection.asp" target="right">我的收藏夹</a></li>
<li><a href="Users_Msg.asp" target="right">消息管理</a></li>
<li><a href="Users_Promotion.asp" target="right">会员推广</a></li>
<li><a href="Users_Forfilms.asp" target="right">用户求片</a></li>
</ul>
</div>
<SCRIPT language=JavaScript type=text/JavaScript>
function opencat(cat)
{
if(document.getElementById(cat).style.display=="none")
{
document.getElementById(cat).style.display="block";
}
else
{
document.getElementById(cat).style.display="none";
}
}
</script>
<div id="Account" style="display: none;">
<ul >
<li><a href="Users_Information.asp" target="right">用户资料</a></li>
<li><a href="Users_Password.asp" target="right">修改密码</a></li>
<li><a href="Users_ForgotPassword.asp" target="right">忘记密码</a></li>
<li><a href="Users_Records.asp" target="right">点播记录</a></li>
<li><a href="Users_Collection.asp" target="right">我的收藏夹</a></li>
<li><a href="Users_Msg.asp" target="right">消息管理</a></li>
<li><a href="Users_Promotion.asp" target="right">会员推广</a></li>
<li><a href="Users_Forfilms.asp" target="right">用户求片</a></li>
</ul>
</div>
<SCRIPT language=JavaScript type=text/JavaScript>
function opencat(cat)
{
if(document.getElementById(cat).style.display=="none")
{
document.getElementById(cat).style.display="block";
}
else
{
document.getElementById(cat).style.display="none";
}
}
</script>
相关文章推荐
- div_显示隐藏简单例子2(displayDiv.js)
- JS+CSS简单实现DIV遮罩层显示隐藏
- js全页面刷新方法+jquery之超简单的div显示和隐藏特效demo
- JS+CSS简单实现DIV遮罩层显示隐藏
- dom例子七(隔行变色-显示隐藏div-超链接单选)
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- jquery之超简单的div显示和隐藏特效demo(分享)
- JS+CSS简单实现DIV遮罩层显示隐藏
- jquery之超简单的div显示和隐藏特效demo
- jquery之超简单的div显示和隐藏特效demo
- 简单运用Javascript,使<input/>控制display属性div的显示隐藏
- JS+CSS简单实现DIV遮罩层显示隐藏
- jquery之超简单的div显示和隐藏特效demo
- JS+CSS简单实现DIV遮罩层显示隐藏【转藏】
- js简单显示和隐藏div,触发超链接,动态更改button值,setInterval()简单使用,jquery easyui弹出框简单使用
- 一个简单的点击后显示与隐藏表格的例子
- javascript实现div的显示和隐藏的小例子
- JS+CSS简单实现DIV遮罩层显示隐藏