可放在网页旁边的导航菜单.
来源:互联网 发布:淘宝骂人店主 编辑:程序博客网 时间:2024/04/25 15:39
2,
<!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*/; }
<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>
.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>
<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>
- 可放在网页旁边的导航菜单.
- 可放在网页旁边的导航菜单,点击向右边展开
- 网页底部圆形可折叠式导航菜单
- 把百度地图放在自己所写的网页里,可放大缩小
- 把百度地图放在自己所写的网页里,可放大缩小
- 超级酷的网页导航菜单
- --超级酷的网页导航菜单--
- jQuery制作的网页菜单导航
- 在DELPHI7中不使用任何第三方控件,实现放在工具栏上可拖动的XP风格菜单.
- 在DELPHI7中不使用任何第三方控件,实现放在工具栏上可拖动的XP风格菜单.
- 滑出式网页导航菜单
- 滑出式网页导航菜单
- 网页特效 ? 菜单导航
- 网页导航菜单制作
- 鼠标放在某个导航上时,二级下拉菜单及导航整体向左出现偏移
- 网页导航菜单弹出子菜单的制作
- 纯css实现固定在网页底部菜单导航
- 可滑动展开折叠的jQurey简洁信息导航菜单
- 准备演讲的绝招
- 图:多种高科技产品亮相第九届深圳高交会
- OSWorkflow代码结构,配置文件及初始化
- MacOSX下比较有用的技巧(不断更新)
- 用dataset更新數據庫
- 可放在网页旁边的导航菜单.
- Jsp的九种对象
- Informatica Update 机制详解
- HBITMAP的复制,拷贝 与 CBitmap的复制,拷贝
- js页面载入进度条
- 如何在程序中关闭、重起和硬起动WCE、PPC、SP
- 支付宝Payto接口的c#.net实现
- Typedef 的基本概念
- 在Linux上运行C# (dotnet area news)