可放在网页旁边的导航菜单，点击向右边展开

txf2004

浏览: 7039957 次
性别:
来自: 上海

最近访客更多访客>>

east_java

u012363178

wangyy

GDGZWQZ

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

HTML JavaScript Flash Google .net

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html>
<head>
<title>myYearbook</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style>
.iefixdd { position: absolute; z-index: 10;/*any value*/ overflow: hidden;/*must have*/ /*width: 143px;/*must have*/;}
.iefixdd iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:300px;/*must have for any big value*/ height:300px/*must have for any big value*/; }

body { margin:0px; font-family:Tahoma, Verdana; font-size:11px; color:#202020; text-align: center; background-color:#fff; }
.sidenavitem { display:block; width:120px; padding:7px 10px; border-bottom:1px solid #d0d0d0; background-color:#FFF; color:#202020; font-weight:bold; text-decoration:none; }
.sidenavitem:hover { border-bottom:1px solid #e4eeff; background-color:#e4eeff; color:#036; }
.sidenavitem a { padding:7px 10px; color:#202020; font-weight:bold; text-decoration:none; }
.sidenavactive a { padding:7px 10px; color:#036; font-weight:bold; }
</style>

</head>
<body>
<img src="http://assets.myyearbook.com/tab_mystuff2.gif" width="17" height="104" alt="My Stuff" style="position:absolute;margin-left:-16px;cursor: pointer;clip:rect(0px,16px,104px,0px);" onclick="if(document.getElementById('mystuff').style.display==''){this.src='http://assets.myyearbook.com/tab_mystuff2.gif';document.getElementById('mystuff').style.display='none';}else{this.src='http://assets.myyearbook.com/tab_mystuff.gif';document.getElementById('mystuff').style.display='';}">
<div class="iefixdd">
<div id="mystuff" style="position:relative;border:1px solid #69C;z-index:11;display:none;">
<a href="/?mysession=cmVnaXN0cmF0aW9uX2VkaXRwcm9maWxlX2Jhc2lj" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">Edit Profile</a>
<a href="/?mysession=cmVnaXN0cmF0aW9uX215ZnJpZW5kcw==" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Friends</a>
<a href="/?mysession=cmVnaXN0cmF0aW9uX3JlZ19oaWdoc2Nob29sX2VkaXQmdXNlcmlkPTM1OTgwMDY=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Yearbooks</a>
<a href="/?mysession=cmVnaXN0cmF0aW9uX3doYXRldmVyaXdhbnQ=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">Whatever I Want</a>
<a href="/?mysession=bHVuY2htb25leV9teXNvY2s=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Lunch Money</a>
<a href="/?mysession=cmVnaXN0cmF0aW9uX215cGljdHVyZXM=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Pictures</a>
<a href="/?mysession=bGlzdGluZ192aWV3X2F1dG9ncmFwaHM=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Autographs</a>
<a href="/?mysession=dmlkZW9fdXNlcg==" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Videos</a>
<a href="/?mysession=bGlzdGluZ19teWJhdHRsZWxpc3Q=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Battles</a>
<a href="/?mysession=YmFja3BhY2tfYmFja3BhY2tfYWRkZmlsZV90b3A=" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Playlist</a>
<a href="/?mysession=YmFja3BhY2tfYmFja3BhY2tfdmlld191c2VyYmFja3BhY2smdXNlcmlkPTM1OTgwMDYmc29ydG9uPWJwa191cGxvYWRkYXRlJnNvcnRpbj1ERVND" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Locker</a>
<a href="/?mysession=YmxvZ3NfYmxvZw==" class="sidenavitem" onmouseout="if(window.leaveSideNav)leaveSideNav(this,event);">My Blog</a>
</div>
</div>
</body>
</html>

http://www.corange.cn//uploadfiles/1002-4_29132.jpg

分享到：

CSS Sprites技术 | INPUT可编辑， tab 键可切换.

2008-12-05 20:04
浏览 1255
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论