网页特效代码，仿雅虎右侧的菜单代码特效
<HTML><HEAD><TITLE>仿雅虎菜单</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <STYLE type=text/css>BODY { MARGIN: 6px 0px; FONT: 12px 宋体; TEXT-ALIGN: left } .divArea3 { WIDTH: 750px } .divArea3 .divAreaCol1 { FLOAT: left; WIDTH: 371px } .divArea3 .divAreaCol2 { FLOAT: right; WIDTH: 280px } .divArea3Box { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cccccc 1px solid; MARGIN-TOP: 2px; PADDING-LEFT: 2px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cccccc 1px solid; WIDTH: 100%; LINE-HEIGHT: 120px; PADDING-TOP: 2px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 120px; TEXT-ALIGN: left } A { COLOR: #999999; TEXT-DECORATION: none } .tabWin { WIDTH: 371px; HEIGHT: 230px } .tabWin { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; DISPLAY: inline; FLOAT: left; MARGIN: 0px 3px; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid } .crbl { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; DISPLAY: inline; FLOAT: left; MARGIN: 0px 3px; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid } .tabWinInnerBox { MARGIN: 5px; OVERFLOW: hidden; WIDTH: 361px; HEIGHT: 220px } .tabWinLine1 { WIDTH: 360px; HEIGHT: 29px } .tabWinLine2 { DISPLAY: block } .tabWinLine4 { DISPLAY: none } .tabWinLine2 { WIDTH: 360px; HEIGHT: 1px } .tabWinLine4 { WIDTH: 360px; HEIGHT: 1px } .tabWinLine2 DIV { FLOAT: left; WIDTH: 118px; HEIGHT: 1px; BACKGROUND-COLOR: #cccccc } tabWinLine4 DIV { FLOAT: left; WIDTH: 118px; HEIGHT: 1px; BACKGROUND-COLOR: #cccccc } .tabWinLine1 .sepa { BACKGROUND-IMAGE: url(images/0.gif); WIDTH: 3px } .tabWinLine2 .sepa { BACKGROUND-IMAGE: url(images/0.gif); WIDTH: 3px } .tabWinLine4 .sepa { BACKGROUND-IMAGE: url(images/0.gif); WIDTH: 3px } .tabWinLine2 .tabWinLine3 { BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff } tabWinLine4 tabWinLine3 { BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #ffffff } .tabWinLine1 DIV { FONT-WEIGHT: bold; FLOAT: left; BACKGROUND-IMAGE: url(images/c21_1.gif); WIDTH: 118px; CURSOR: pointer; COLOR: #1f3a87; LINE-HEIGHT: 26px; HEIGHT: 26px } .tabWinLine1 .tabWinTitle { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BACKGROUND-IMAGE: url(images/0.gif); BORDER-LEFT: #cccccc 1px solid; WIDTH: 116px; COLOR: #b10000; HEIGHT: 28px; BACKGROUND-COLOR: white } .tabWinInnerBox .showblock { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 7px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 348px; PADDING-TOP: 9px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 143px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .tabWinInnerBox .hiddenblock { BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 7px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 348px; PADDING-TOP: 9px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 143px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: left } .hiddenblock { DISPLAY: none } .showblock { DISPLAY: block } .divTab2 { DISPLAY: inline; FLOAT: left; MARGIN: 0px 3px; OVERFLOW: hidden; WIDTH: auto; HEIGHT: 232px } .divTab2 .TabTitle { FONT-SIZE: 12px; WIDTH: 280px; HEIGHT: 24px } .divTab2 .normal { BACKGROUND-IMAGE: url(images/mtitle2.gif); COLOR: #1f3a87 } .divTab2 .active { FONT-WEIGHT: bold; BACKGROUND-IMAGE: url(images/mtitle1.gif); COLOR: #1f3a87 } .divTab2 .TabTitle .sepa { BACKGROUND-IMAGE: url(images/speabg.gif); WIDTH: 1px } .divTab2 .TabTitle .border { BACKGROUND-IMAGE: url(images/speabg.</body></html>
评论加载中....
评论加载中....