`
rigger21
  • 浏览: 131485 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

可放在网页旁边的导航菜单.

阅读更多
<script>function StorePage(){d=document;t=d.selection?(d.selection.type!='None'?d.selection.createRange().text:''):(d.getSelection?d.getSelection():'');void(keyit=window.open('http://www.365key.com/storeit.aspx?t='+escape(d.title)+'&u='+escape(d.location.href)+'&c='+escape(t),'keyit','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));keyit.focus();}</script>
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*/; }

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>
分享到:
评论

相关推荐

    Bootstrap响应式多级下拉导航菜单.rar

    Bootstrap响应式多级下拉导航菜单.rar Bootstrap响应式多级下拉导航菜单.rar Bootstrap响应式多级下拉导航菜单.rar Bootstrap响应式多级下拉导航菜单.rar Bootstrap响应式多级下拉导航菜单.rar Bootstrap响应式多级...

    网页前端导航菜单.zip

    在这个名为"网页前端导航菜单.zip"的压缩包中,我们找到了一个关于创建简单而实用导航菜单的示例,主要涉及到HTML和CSS技术。 HTML(HyperText Markup Language)是网页内容的基础结构语言,用于定义页面的各个元素...

    CSS3动画按钮导航菜单特效.rar

    CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效.rar CSS3动画按钮导航菜单特效....

    超酷的网页导航菜单.rar

    网页导航菜单是构建网站用户体验的重要组成部分,而"超酷的网页导航菜单"则是一个专注于提供独特视觉效果和交互体验的JS特效案例。本资源包含两个文件:index.htm和说明.htm,它们共同展示了如何利用JavaScript(JS...

    超级酷的网页导航菜单.rar

    本资源"超级酷的网页导航菜单.rar"提供了一个利用JavaScript实现的独特且吸引人的导航菜单效果,非常适合那些希望提升网站视觉吸引力和交互性的设计师和开发者。 在"JS特效-菜单导航"这个标签中,我们可以理解到这...

    jQuery侧边栏滑动导航菜单代码.rar

    jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar jQuery侧边栏滑动导航菜单代码.rar ...

    3级横向导航菜单.rar

    本资源"3级横向导航菜单.rar"显然是一个关于创建多层次横向导航菜单的示例或教程,特别强调了三级结构,这种结构在大型网站中尤其常见,用于组织大量内容。 首先,我们要理解什么是横向导航菜单。横向导航菜单,也...

    网站下拉菜单制作企业网站导航菜单代码.rar

    网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码...

    jquery页面位置定位导航菜单.rar

    jquery页面位置定位导航菜单.rarjquery页面位置定位导航菜单.rarjquery页面位置定位导航菜单.rarjquery页面位置定位导航菜单.rarjquery页面位置定位导航菜单.rarjquery页面位置定位导航菜单.rar

    非常流行的导航菜单.rar

    本资源“非常流行的导航菜单.rar”提供了一种被广泛采用的JavaScript特效菜单导航实现,这对于我们理解网页交互设计以及JS编程具有很高的学习价值。 首先,我们来看“JS特效-菜单导航”这一标签。JavaScript是一种...

    jQuery响应式导航菜单.zip

    在网页设计中,导航菜单是不可或缺的部分,它帮助用户快速浏览和访问网站的不同部分。"jQuery响应式导航菜单"是一个专为实现这一目的而设计的解决方案。这个项目使用了两个核心JavaScript库:jQuery 1.8.3和pgwmenu....

    Zepto.js移动端左右滑动导航菜单.zip

    JavaScript是一种广泛用于网页动态效果的脚本语言,而菜单导航是网页用户体验中不可或缺的一部分,它帮助用户轻松地在网站的不同部分之间跳转。 在压缩包中,我们有两个文件: 1. 说明.htm:这通常是一个HTML文件,...

    网页左侧垂直导航菜单.zip

    网页左侧垂直导航菜单是一款基于jquery1.7.2.min.js制作,TaoBaoUED网站使用的垂直导航菜单,鼠标经过导航菜单变色效果。有前端交流、交互设计、视觉设计、用户研究、设计茶吧、前端交流、团队生活等菜单栏目。

    Metro图标导航菜单.zip

    总的来说,"Metro图标导航菜单.zip"提供了一种现代、可定制的导航解决方案,借助HTML5和JavaScript的力量,开发者可以轻松地在他们的网站或应用中集成这一功能,提升用户体验。同时,通过学习和理解提供的代码,...

    网页底部圆形可折叠式导航菜单.rar

    在这个“网页底部圆形折叠式导航菜单.rar”压缩包中,包含了一个基于原生JavaScript实现的示例,它结合了HTML、CSS以及HTML5和CSS3的最新特性,为开发者提供了构建此类菜单的清晰思路。 首先,我们来看HTML部分。`...

    简洁实用的jquery图像栅格导航菜单.rar

    简洁实用的jquery图像栅格导航菜单.rar简洁实用的jquery图像栅格导航菜单.rar简洁实用的jquery图像栅格导航菜单.rar简洁实用的jquery图像栅格导航菜单.rar简洁实用的jquery图像栅格导航菜单.rar简洁实用的jquery图像...

    jQuery网页左侧分类导航菜单.zip

    在网页设计中,导航菜单是不可或缺的一部分,它能够帮助用户快速定位和访问网站内容。"jQuery网页左侧分类导航菜单"是一个实用的解决方案,尤其适用于那些拥有丰富课程或商品分类的教育平台和电商网站。这个菜单利用...

    仿网易滑动门TAB导航菜单.htm

    仿网易滑动门TAB导航菜单.htm仿网易滑动门TAB导航菜单.htm

    js侧边栏导航菜单.zip

    【标题】"js侧边栏导航菜单.zip"所包含的是一个使用JavaScript和CSS技术构建的网页侧边栏导航菜单的示例项目。这样的菜单在现代网页设计中非常常见,尤其适用于响应式布局,因为它可以有效地利用有限的屏幕空间,...

Global site tag (gtag.js) - Google Analytics