爆炸式菜单，点击后展开

2024-09-05 12:19:29

字体：大中小

来源：转载

供稿：网友

不知道能给它起个什么名字，就叫做“爆炸式菜单”吧，因为它的效果很像是爆炸开了，鼠标点击后会以一个五角星为基准单元依次展开，可以有多次，像链式表一样。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>爆炸式菜单</title></head><body><style type="text/css">.dot         { position: absolute; width: 6; height: 6; visibility: hidden; background-color: red; font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }.dotoff      { position: absolute; width: 6; height: 6; visibility: hidden; background-color: gray; font-size: 1px; cursor:default; z-index: 100}.dotempty    { position: absolute; width: 6; height: 6; visibility: hidden; background-color: orange; font-size: 1px; cursor: pointer; cursor: hand; zindex: 100 }.caption     { position: absolute; visibility: hidden; font-family: Tahoma; color: black;                font-size: 11px; text-align: Center; cursor: default; z-index:                1 }body     { margin: 0px; background-color: white; }a      { color: silver; text-decoration: none }p      { font-size: 10px; font-family: tahoma; color: black } </style><script language="Javascript" type="text/javascript">function lib_bwcheck(){ //Browsercheck (needed) this.ver=navigator.appVersion this.agent=navigator.userAgent this.dom=document.getElementById?1:0 this.opera5=this.agent.indexOf("Opera 5")>-1 this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom && !this.opera5)?1:0;  this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom && !this.opera5)?1:0; this.ie4=(document.all && !this.dom && !this.opera5)?1:0; this.ie=this.ie4||this.ie5||this.ie6 this.mac=this.agent.indexOf("Mac")>-1 this.ns6=(this.dom && parseInt(this.ver) >= 5) ?1:0;  this.ns4=(document.layers && !this.dom)?1:0; this.bw=(this.ie6 || this.ie5 || this.ie4 || this.ns4 || this.ns6 || this.opera5) return this}var bw=new lib_bwcheck()</script><script language="javascript1.2" type="text/javascript"></script></body></html></span>

上一篇：QQ菜单可折叠，JS+CSS很漂亮

下一篇：图文混排的JS+CSS选项卡Tab