- 浏览: 6868833 次
- 性别:
- 来自: 上海
最新评论
-
autosuggestion:
实现一个智能提示功能需要JavaScript、ajax、数据库 ...
自动提示结果 -
岁月之眸:
...
Java读TXT文件 -
yujian58:
写的好。
在线客服技术方案 -
QQ1067184821:
你好,能不能发个完整的给我呢?1067184821@qq.co ...
Extjs3.2+Json lib动态树与GridPanel简单展现 -
chenhua0725:
能不能发一个完成的包给我呢,谢谢了,83667664@qq.c ...
Extjs3.2+Json lib动态树与GridPanel简单展现
<!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>
发表评论
-
jQuery+Ajax+PHP+Mysql实现分页显示数据
2013-09-09 15:54 2815jQuery+Ajax+PHP+Mysql实现分页显示数 ... -
Tab页界面,用jQuery及Ajax技术实现
2009-09-19 18:06 1761从桌面开发的时代开始,Tab页就是一个优异的界面布局形式,兼有 ... -
自动提示结果
2008-12-05 14:39 1105自动提示结果,仿google搜索框提示 http://ww ... -
visibility和display区别
2008-12-05 19:55 873它们都可以实现对域的隐藏,但visibility要占用域的空间 ... -
图片加载loading...
2008-12-06 10:39 1149<iframe name="google_ad ... -
iframe加载loading...
2008-12-06 10:40 1140<body> <div id="l ... -
发一个选项卡动态增删的效果..
2008-12-06 13:16 1048发一个选项卡动态增删的效果.. 仿126的效果,可以删除的ta ... -
复选框问题,将选定的值在textarea显示
2008-12-07 02:12 1126<iframe name="google_ ... -
表格复选和复选变色效果
2008-12-07 02:13 712<style type="text/c ... -
表格数据排序
2008-12-07 02:14 965<STYLE type=text/css>TA ... -
检测密码强度
2008-12-07 02:15 893<!DOCTYPE html PUBLIC &quo ... -
CNL Tree Menu Ver1.02无限级树形菜by CNLei枫岩
2008-12-07 02:15 1156<!DOCTYPE html PUBLIC &quo ... -
点击按钮,实现复制网址的代码
2008-12-07 02:19 1873<iframe name="google_ ... -
完全去除页面滚动条的方法
2008-12-07 02:21 1679今天做站的时候客户要求实现网站全屏,使用JavaScript: ... -
支持IE和火狐浏览器的加入收藏夹js代码
2008-12-07 20:01 2872支持IE和火狐浏览器的加入收藏夹js代码 如果想要在opera ... -
javascript实现换皮肤的一种思路
2008-12-07 20:11 871难点在于document.write输出html语句结构用法。 ... -
yiu简易网页调色板功能调用代码
2008-12-08 10:13 951简易网页调色板功能调用代码 colorSelect('色值 ... -
table排序类,点击第一行标题可以排序
2008-12-08 10:20 1384table排序类,点击第一行标题可以排序 <!DO ... -
表格隔行换色+鼠标经过变色(ie6,ie7,ff)
2008-12-08 10:21 1101<!DOCTYPE html PUBLIC " ... -
在不刷新的情况下动态添加表格行
2008-12-08 11:49 908<!DOCTYPE html PUBLIC " ...
相关推荐
jquery垂直导航菜单制作网页左侧点击展开收缩垂直菜单代码 jquery垂直导航菜单制作网页左侧点击展开收缩垂直菜单代码 jquery垂直导航菜单制作网页左侧点击展开收缩垂直菜单代码 jquery垂直导航菜单制作网页左侧点击...
网页顶部导航菜单,简易CSS样式,宽度,高度可自行调整。
原生JS竖直导航菜单点击导航标签依次展开收缩代码
js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单
三级导航菜单,三级竖向展开/收缩导航菜单 三级导航菜单,三级竖向展开/收缩导航菜单
手机网站jQuery左侧导航菜单,点击图标展开菜单,页面亮度降低。兼容主流浏览器
懒人原生纯css向右展开多级导航菜单代码
js树形导航菜单制作点击展开收缩二级菜单
JS+HTML实现网页竖型缓冲展开关闭菜单效果,类似展开关闭QQ好友效果,代码清晰,含调用方法注释
jquerysliderToggle函数滑动竖直导航菜单点击导航展开下拉
html5手机端动画展开收缩导航菜单特效是一款点击html5 svg图标菜单按钮动画效果展开菜单列表的手机菜单代码。
这是一款jquery隐藏侧边栏导航菜单插件。当点击菜单按钮后,隐藏的侧边栏导航菜单出现,并且菜单选项带有很炫的动画效果。再次点击菜单按钮,侧边栏消失。
jquery slideToggle函数滑动竖直导航菜单鼠标点击... jquery slideToggle函数滑动竖直导航菜单鼠标点击... jquery slideToggle函数滑动竖直导航菜单鼠标点击...
jQuery竖直图标菜单点击展开收缩导航菜单代码
可点击展开与收缩的左侧纵向二级导航菜单
三级横向导航菜单,jQuery平滑展开 三级横向导航菜单,jQuery平滑展开
jquery垂直导航菜单展开收缩垂直二级导航菜单代码
C# Winform 通用导航菜单C# Winform 通用导航菜单C# Winform 通用导航菜单C# Winform 通用导航菜单C# Winform 通用导航菜单C# Winform 通用导航菜单
四款亮丽的网页CSS导航菜单四款亮丽的网页CSS导航菜单四款亮丽的网页CSS导航菜单
导航栏js点击可滑动展开剩余项,恩,就这样,做着玩的。