首页 新闻 搜索 专区 学院

javascript的一个问题

0
悬赏园豆:20 [已关闭问题]

各位大家好:在下有个问题请教一下,就是我想利用javascript来实现类似msdn技术资源库页面的特效功能(即我点击树节点和右侧数据视图的中间线,页面就只显示右侧的数据视图,我再点击中间线就还原为原始状态)

孙晓光的主页 孙晓光 | 初学一级 | 园豆:0
提问于:2008-11-10 21:21
< >
分享
其他回答(8)
0

事实上中间线是一个div,这个div加了个click事件,就这么简单

Gray Zhang | 园豆:17610 (专家六级) | 2008-11-10 22:03
0

简单的实现就这样,如下。

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Language" content="zh-CN"/>
<title></title>
<meta name="Keywords" content="" />
<meta name="Description" content=""/>
<style type="text/css">
#l,#c,#r
{height:300px;color:#fff;font-size:50px;font-weight:800;}
#l
{width:200px;float:left;background-color:#f00;}
#c
{width:20px;float:left;background-color:#000;cursor:pointer;}
#r
{margin-left:220px;background-color:#00f;}
</style>
</head>
<body>
<div id="l">fda</div>
<div id="c">&nbsp;</div>
<div id="r">fdas</div>
<script type="text/javascript">
window.onload
= function(){
function $(elname){
return document.getElementById(elname);
};
var c = $("c"),l = $("l"),r = $("r");
c.onclick
= function(){
var s = c.getAttribute("___status");
if(s != "_closed"){
l.style.display
= "none";
r.style.marginLeft
= "20px";
c.setAttribute(
"___status","_closed");
}
else{
l.style.display
= "block";
r.style.marginLeft
= "220px";
c.setAttribute(
"___status","_opened");
}
}
}
</script>
</body>
</html>

 

5yplan | 园豆:1330 (小虾三级) | 2008-11-10 22:11
0

<body>

<div id="sidebar" class="..."></div>

<div id="line" class="..." onclick="if(document.getElementById('sidebar').style='none') document.getElementById('sidebar').style='block'; if(....) ....;"></div>

<div id="main" class="..."></div>

</body>

Hunts.C | 园豆:266 (菜鸟二级) | 2008-11-10 22:56
0

永远。。。最简单方法是。。。看见有这样功能的页面,下载后用txt文件打开,或者office打开看看源也可以的。。。。^@^

XBW | 园豆:404 (菜鸟二级) | 2008-11-11 01:44
0

先看源文件

zjy | 园豆:3194 (老鸟四级) | 2008-11-11 10:32
0

同意一楼的意见,就是事件中层的隐藏

Geeks | 园豆:560 (小虾三级) | 2008-11-11 11:51
0

最好的加密是https

玉开 | 园豆:8822 (大侠五级) | 2008-11-11 13:18
0

用DIV隐藏吧!

金鱼 | 园豆:1090 (小虾三级) | 2008-11-12 13:40
0

其实就是一个动态操作DOM.

Bēniaǒ | 园豆:692 (小虾三级) | 2008-11-23 16:59
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册