JS代码之伸缩菜单

最新推荐文章于 2022-10-08 01:14:08 发布

sssjjjpppsjp

最新推荐文章于 2022-10-08 01:14:08 发布

阅读量1.1k

点赞数

分类专栏： JS 文章标签： function javascript class null xhtml div

本文链接：https://blog.csdn.net/sssjjjpppsjp/article/details/4467202

版权

JS 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

源代码（JS文件）

var faisunMenu_openedfolderimage_src="images/openedfolder.gif";//自定义图片路径
var faisunMenu_closedfolderimage_src="images/closedfolder.gif";//自定义图片路径
var faisunMenu_menufileimage_src="images/menufile.gif";//自定义图片路径

var faisunMenu_treetext=new Array();
var faisunMenu_treeurl=new Array();
var faisunMenu_treeurltarget=new Array();

var faisunMenu_treeNum=0;

window.document.body.onselectstart=new Function("return false");

function getcookies(c_name)
{
if(document.cookie.length>0)
{
c_start=document.cookie.indexOf(c_name+"=")
if(c_start!=-1)
{
c_start=c_start+c_name.length+1
c_end=document.cookie.indexOf(";",c_start)
if (c_end==-1) {c_end=document.cookie.length}
return unescape(document.cookie.substring(c_start,c_end))

}
else
{
return null;
}
}
}

function setcookies(c_name,value,expiredays)
{

var exdate=new Date();
exdate.setTime(exdate.getTime()+expiredays*24*60*60*1000);
document.cookie=c_name+ "=" +escape(value)+
((expiredays==null) ? "":";expires="+exdate.toGMTString());

}

function pdshow()
{
var i=getcookies("cc").split('|');

if(i!=null&&i[0]>1)
{
if(i[1]<3)
{
     for(var j=1;j<i[1];j++)
     {
     var obj=document.getElementById("item"+(i[0]-j));
     if(obj!=null)
     {
      obj.className="blockshow";
      document.images["openedfolderimage"+(i[0]-j)].className="showme";
            document.images["closedfolderimage"+(i[0]-j)].className="hideme";
     }
     document.getElementById("item"+i[0]).className="blockshow";
     document.images["openedfolderimage"+i[0]].className="showme";
        document.images["closedfolderimage"+i[0]].className="hideme";
     }
}
else
{
      for(var j=1;j<i[0];j++)
     {
     var obj=document.getElementById("item"+(i[0]-j));
     if(obj!=null)
     {
      obj.className="blockshow";
      document.images["openedfolderimage"+(i[0]-j)].className="showme";
            document.images["closedfolderimage"+(i[0]-j)].className="hideme";
     }
     document.getElementById("item"+i[0]).className="blockshow";
     document.images["openedfolderimage"+i[0]].className="showme";
        document.images["closedfolderimage"+i[0]].className="hideme";
     }
}

}

}

function setco(value)
{

setcookies("cc",value,30);

}

function showhideit(itemNo){
var showfolder=document.images["openedfolderimage"+itemNo];
var hidefolder=document.images["closedfolderimage"+itemNo];
var subfiles=document.getElementById("item"+itemNo);
if(subfiles.className=="blockmove") {return;}

if(showfolder.className=="hideme") {
hidefolder.className="hideme";
showfolder.className="showme";
outinit(itemNo,1,0);
}
else {
showfolder.className="hideme";
hidefolder.className="showme";
outinit(itemNo,-1,0);
}
}

function addtree(text,url,target){
faisunMenu_treetext.push(text);
faisunMenu_treeurl.push(url?url:"");
faisunMenu_treeurltarget.push(target?target:"mainframe");
}

function getsubnum(text){ //算出前面有几个"-"号
var newtext=text.replace(/^-*/,"");
return text.length-newtext.length;
}

function createtree(){

faisunMenu_treeNum++;
var treestatus=new Array();
var treeendlayer=new Array();
var openedlayer=new Array();

if(treestatus[i]==2||treestatus[i]==3){
    openedlayer[subnum]=0;
    var barstatus=2;
}else{
    openedlayer[subnum]=1;
    var barstatus=1;
}

     if(barstatus==2&&!havechild){
    for(j=subnum;j>=0;j--){
      if(!openedlayer[j]) echo += "</div>";else break;
    }
}
}
echo += "</div>";
document.write(echo);
//清空列表以接受下一个菜单

pdshow();

faisunMenu_treetext=new Array();
faisunMenu_treeurl=new Array();
faisunMenu_treeurltarget=new Array();

}
/************************* /

例:
addtree("标题一","title1.htm");
addtree("-子目录一","sunmenu1.htm");
addtree("-子目录二","sunmenu1.htm");
createtree();

.可以建立多个目录树,重复上面的代码即可.

.addtree()三个参数:
(1) 显示的文本,有几个"-"号表位于几层,"-"号后紧跟"*"号表该层默认展开
(2) URL;
(3) target,URL的打开目标窗口,默认"forummainframe"
createtree();生成一个目录树,可以生成多个

/ ************************/

/* alert("表单中所有文本框通过校验！");
*/
function checkAllTextValid(form)
{
    //记录不含引号的文本框数量
var resultTag = 0;
    //记录所有text文本框数量
    var flag = 0;
for(var i = 0; i < form.elements.length; i ++)
{
if(form.elements[i].type=="text")
{
            flag = flag + 1;
   //此处填写所要过滤的特殊符号
   //注意：修改####处的字符，其它部分不许修改.
   //if(/^[^####]*$/.test(form.elements[i].value))

   if(/^[^/|"'<>]*$/.test(form.elements[i].value))
                resultTag = resultTag+1;
   else
    form.elements[i].select();
}
}

    /**
     * 如果含引号的文本框等于全部文本框的值，则校验通过
     */
if(resultTag == flag)
return true;
else
{
alert("文本框中不能含有/n/n 1 单引号: ' /n 2 双引号: /" /n 3 竖杠: | /n 4 尖角号: < > /n/n请检查输入！");
return false;
}
}

调用方法（html文件）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language='JavaScript' src='menutree.js'></script>
</head>

</script>

</body>
</html>

sssjjjpppsjp

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
JS代码之伸缩菜单

源代码（JS文件）var faisunMenu_openedfolderimage_src="images/openedfolder.gif";//自定义图片路径var faisunMenu_closedfolderimage_src="images/closedfolder.gif";//自定义图片路径var faisunMenu_menufileimage_src="images/menu
复制链接

扫一扫

专栏目录