惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

U
Unit 42
Microsoft Azure Blog
Microsoft Azure Blog
Engineering at Meta
Engineering at Meta
博客园 - 【当耐特】
人人都是产品经理
人人都是产品经理
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
WordPress大学
WordPress大学
有赞技术团队
有赞技术团队
Blog — PlanetScale
Blog — PlanetScale
酷 壳 – CoolShell
酷 壳 – CoolShell
aimingoo的专栏
aimingoo的专栏
Jina AI
Jina AI
小众软件
小众软件
博客园 - 叶小钗
MongoDB | Blog
MongoDB | Blog
大猫的无限游戏
大猫的无限游戏
博客园 - 聂微东
Y
Y Combinator Blog
云风的 BLOG
云风的 BLOG
I
InfoQ
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Martin Fowler
Martin Fowler
P
Proofpoint News Feed
MyScale Blog
MyScale Blog

博客园 - 清雨轩

用dom生成html文件.的常见问题 div+css制作企业网站经验收集 appendNode? 可以直接一个节点树 - 清雨轩 - 博客园 php(alexa排名查询) 下拉菜单 美工版(不用写代码) CSS学习随笔 windows2003 ftp及相关权限 php出现Unable to load dynamic library 'c:\php\extensions\php_mssql.dll' - 清雨轩 win2003的服务器配置. 关于引用,还是按值. 开发时会遇到..注意 个人javascript作品集 事件监听是可吃CPU的事情。以后还是不用事件监听 用正则改变字符串的处理速度。 faq:responseXML has no properties in firefox or responseXML is null 正则表达式 不允许为空 表单检测函数 [原创]使用js+xml制作的IE和FF都支持的树型菜单(程序不到4k哦) 个人觉得比较经典的菜单(来源:kijiji.cn) [转载]纯js解决小偷的乱码.(强)
下拉头像菜单
清雨轩 · 2006-09-29 · via 博客园 - 清雨轩

下拉头像菜单

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-CN" />
<meta content="all" name="robots" />

</head>

<body>
<script language="JavaScript">
<!--
window.shq
={};
shq.$
=function(o){return typeof(o)=="string"?document.getElementById(o):o}
function getxy(obj)   
  
{   
  
var   abs={x:0,y:0}   
  
while(obj!=document.body){   
  abs.x
+=obj.offsetLeft;   
  abs.y
+=obj.offsetTop;   
  obj
=obj.offsetParent;   
  }

  abs.x
=window.screenLeft+document.body.clientLeft+abs.x-document.body.scrollLeft;
  abs.y
=window.screenTop+document.body.clientTop+abs.y-document.body.scrollTop;
  
return   abs;   
  }
   
//-->
</script>
 头像:
<span style="display:absolute;">
<input name="Bheadpic"  id="Bheadpic" value="1" style="width:37px; height:12px; font-size:10px; "/><input type='button' value='6' style='font:12px/1 Webdings; height:16px; width:16px; border-color:black; text-align:center; border-top-color:white;border-left-color:white;border-width:1px;' onclick="shq.$('divpic').onclick=function(event){var e=event?event.target:window.event.srcElement;if(/gif/i.test(e.getAttribute('src')))shq.$('Bheadpic').value=e.getAttribute('src').replace(/.*?(\d+\.gif)/,'$1');this.style.display='none';}
shq.$('divpic').style.left=getxy(this).x-34;
shq.$('divpic').style.display=shq.$('divpic').style.display==''?'none':'';"
>
<div id="divpic"  style="position:Absolute; display:none; width:60px; height:120px; padding-top:20px; overflow-y:scroll;clip:rect(21px auto auto auto);">
<img src="headpic/1.gif">
<img src="headpic/2.gif">
<img src="headpic/3.gif">
<img src="headpic/4.gif">
<img src="headpic/5.gif">
<img src="headpic/6.gif">
<img src="headpic/7.gif">
<img src="headpic/8.gif">
<img src="headpic/9.gif">
<img src="headpic/10.gif">
<img src="headpic/11.gif">
<img src="headpic/12.gif">
</div>
</span>
</body>
</html>

posted on 2006-09-29 04:55  清雨轩  阅读(245)  评论(0)    收藏  举报

刷新页面返回顶部