|
|
马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。
您需要 登录 才可以下载或查看，没有帐号？立即注册
x
Windows本身的所有问题都会一成不变的也累加到了它的身上。安全性、稳定性、跨平台性都会因为与NT的捆绑而显现出来；菜单|菜单制造办法：
第一步：嵌进代码。把上面这段代码复制到<head></head>标签之间。
<style>
<!--
#foldheader{cursor:hand;font-weight:bold;
list-style-image:url(http://www.163design.net/a/y/fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<scriptlanguage="JavaScript1.2">
<!--
/**
*BasedonFoldingMenuTree
*DynamicDrive(www.dynamicdrive.com)
*Forfullsourcecode,installationinstructions,
*100smoreDHTMLscripts,andTermsOf
*Use,visitdynamicdrive.com
*
*Updatedtosupportarbitrarilynestedlists
*byMarkQuinn(mark@robocast.com)November2nd1998
*/
varhead="display:"
img1=newImage()
img1.src="http://www.163design.net/a/y/fold.gif"
img2=newImage()
img2.src="http://www.163design.net/a/y/open.gif"
functionchange(){
if(!document.all)
return
if(event.srcElement.id=="foldheader"){
varsrcIndex=event.srcElement.sourceIndex
varnested=document.all[srcIndex+1]
if(nested.style.display=="none"){
nested.style.display=
event.srcElement.style.listStyleImage="url(http://www.163design.net/a/y/open.gif)"
}
else{
nested.style.display="none"
event.srcElement.style.listStyleImage="url(http://www.163design.net/a/y/fold.gif)"
}
}
}
document.onclick=change
//-->
</script>
第二步：制造菜单。将代码拔出到页面中要呈现树形目次的中央。上面是一段代码典范：
<liid="foldheader">News
<ulid="foldinglist"style="display:none"style=&{head};>
CNN
ABCNews
VancouverSun
<liid="foldheader">Games
<ulid="foldinglist"style="display:none"style=&{head};>
GameSpot
HappyPuppy
GameCenter
<liid="foldheader">Software
<ulid="foldinglist"style="display:none"style=&{head};>
outer1
outer2
<liid="foldheader">Nested
<ulid="foldinglist"style="display:none"style=&{head};>
nested1
nested2
outer3
outer4
假如我们细心剖析一下的话不难发明制造列表的法门就是一个年夜的列表
<liid="foldheader">主目次称号
<ulid="foldinglist"style="display:none"style=&{head};>
<ahref="对应地点">子目次称号
<ahref="对应地点">子目次称号
<ahref="对应地点">子目次称号
如许的优点是增加子菜单十分简单只需不休制造一些列表出来，而且加上毗连就能够制造出下拉菜单了。假如要完成多级的子菜单也很简单只需将某项子菜单的id设置成为foldheader而且不加毗连，前面的格局就如加灰部分一样和后面的代码是一样的，嵌套利用。
第三步：将一段代码复制到下面列表代码的上面。
<scriptlanguage="JavaScript1.2">
<!--
/**
*GetcookieroutinebyShelleyPowers
*(shelley.powers@ne-dev.com)
*/
functionget_cookie(Name){
varsearch=Name+"="
varreturnvalue="";
if(document.cookie.length>0){
offset=document.cookie.indexOf(search)
//ifcookieexists
if(offset!=-1){
offset+=search.length
//setindexofbeginningofvalue
end=document.cookie.indexOf(";",offset);
//setindexofendofcookievalue
if(end==-1)end=document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset,end))
}
}
returnreturnvalue;
}
if(get_cookie(window.location.pathname)!=){
varopenresults=get_cookie(window.location.pathname).split("")
for(i=0;i<openresults.length;i++){
foldinglist[openresults[i]].style.display=
document.all[foldinglist[openresults[i]].sourceIndex-
1].style.listStyleImage="url(http://www.163design.net/a/y/open.gif)"
}
}
if(document.all){
varnodelength=foldinglist.length-1
varnodes=newArray(nodelength)
varopenones=
}
functioncheck(){
for(i=0;i<=nodelength;i++){
if(foldinglist[i].style.display==)
openones=openones+""+i
}
document.cookie=window.location.pathname+"="+openones
}
if(document.all)
document.body.onunload=check
//-->
</script>
第四步：将文件夹和菜单项后面的小图标图片文件复制到和网页文件一样的地位。定名划定规矩：
封闭的文件夹：http://www.163design.net/a/y/fold.gif
翻开的文件夹：http://www.163design.net/a/y/open.gif
菜单项目：list.gif
全部菜单就做好了。假如关于菜单笔墨不中意，能够修正第一步中的
<style>
<!--
#foldheader{cursor:hand;font-weight:bold;
list-style-image:url(http://www.163design.net/a/y/fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
这部分，固然条件是你要明白一些CSS代码。
注：这个程序基础能够完成功效，可是有一个明显的弱点，就是目次的宽度没有被把持起来，手状的鼠标的局限太年夜</p>我想详细了解ASP整站代码与PSP整站代码有什么优缺点，那个更好，更安全，更用容易维护，和管理。。。 |
|
|Archiver|手机版|仓酷云
鄂ICP备14007578号-2
窥视卡
雷达卡
发表于 2015-1-16 23:46:20
收藏
转播
分享
淘帖
顶
踩
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
照妖镜
发表于 2015-1-20 11:43:47