这个菜单是怎么实现的
http://www.flyinweb.com/dzh/dzh.htm
左边的菜单可以折叠,是怎么实现的,是AJAX的工具吗,是什么工具,还可以拖大拖小
------解决方案--------------------框架吧
------解决方案--------------------csdn的也可以来回拽, 可大可小的。就是简单地框架。
------解决方案--------------------来回拽的是框架-- 折叠应该是js+css(个人意见)
------解决方案--------------------首先做了一个框架,在左边动态生成列表框内容(嵌入式超连接),再触发.
------解决方案--------------------框架页嘛
拖动的默认就可以
点击折叠是js控制
------解决方案--------------------js + css
------解决方案--------------------我看也是框架。。然后折叠的话,用treeview控件就OK了啊
------解决方案--------------------你保存下网页,在文件夹里的dzh.js文件就有实现的代码
------解决方案--------------------使用表格套框架,现在表格画好,里边套上框架,点击的时候,就隐藏其中的一边,回头给你找个例子
------解决方案--------------------
他的js全部代码
JavaScript Document
function $(d){return document.getElementById(d);}
function GetOffset(e)
{
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent)
{
t +=e.offsetTop;
l +=e.offsetLeft;
}
return [t,l];
}
function go()
{
if ($('leftTD').style.display == "")
{
$('leftTD').style.display = "none";
$('cheat').childNodes[0].style.backgroundPosition = 'left';
}
else
{
$('leftTD').style.display = "";
$('cheat').childNodes[0].style.backgroundPosition = 'right';
}
}
function trygo()
{
if ($('leftTD').style.display == "none") go();
}
function tryclose()
{
if ($('leftTD').style.display == "") go();
}
if (document.getElementById){
(
function(){
var n = 500;
var dragok = false;
var y,x,d,dy,dx;
function move(e)
{
if (!e) e = window.event;
if (dragok){
var mainstyle=$('main').style;
try{
var left = dx + e.clientX - x;
if (left<160||left>750){
mainstyle.border='1px dashed #D0D8D9';
return;
}
else
{
mainstyle.border='';
}
mainstyle.left=left;
mainstyle.position="absolute";
$('cheat').style.display='none';
return false;
}
catch(e){}
}
}
var shadowTimer;
function down(e){
if (!e) e = window.event;
var temp = (typeof e.target != "undefined")?e.target:e.srcElement;
if (temp.tagName != "HTML"|"BODY" && temp.className != "dragclass"){
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
}
if('TR'==temp.tagName){
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
temp = (typeof temp.parentNode != "undefined")?temp.parentNode:temp.parentElement;
}
if (temp.className == "dragclass"){
dragok = true;
temp.style.zIndex = n;