日期:2014-05-18  浏览次数:20504 次

这个菜单是怎么实现的
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;