js下拉菜单类浏览文章 IT技术营

		设为首页
		联系我们
		收藏本站

IT关注

Web开发

C/S程序开发

数据库

服务器安全

当前位置 → IT技术营 → Web开发 → JavaScript → 浏览正文

js下拉菜单类

作者：佚名来源：IT营收集整理点击数：更新时间：2008年06月30日【字体：大中小】荐热头

<head>
<title>下拉菜单类</title>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
body{font-size:12px;margin:0px;}
</style>
<s cript language="javas cript">
function $$(_sId){return document.getElementById(_sId);}
function ToolTip(){
this.InitToolTip=function(_fId,_sId,_W,_H,msg){
if(arguments.length<2){
document.body.removeChild($$('ToolTip'+_fId));
}else{
if($$('ToolTip'+_fId)!=null){return false;}
var m=document.createElement('span');
m.id="ToolTip"+_fId;
var bar='<div style="background-image:url(../images/barn.gif);height:22px;text-align:right"><img src="../images/close.gif" style="cursor: hand;" onclick="javas cript:new ToolTip().InitToolTip(\''+_fId+'\');"  style="cursor: pointer" alt="点此在新窗口浏览图片" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" onclick="javascript:window.open(this.src);"  border="0"/></div>';
var xy=this.getSelectPosition(_sId);
m.style.width=_W+"px";
m.style.height=_H+"px";
m.style.position='absolute';
m.style.left=xy[0];
m.style.top=xy[1]+$$(_sId).offsetHeight;
m.style.border='1px solid #6298CD';
m.innerHTML=bar+msg;
document.body.appendChild(m);
}
}
this.getSelectPosition=function(obj) {
obj=$$(obj);
var objLeft = obj.offsetLeft;
var objTop = obj.offsetTop;
var objParent = obj.offsetParent;
while (objParent.tagName != "BODY") {
objLeft += objParent.offsetLeft;
objTop += objParent.offsetTop;
objParent = objParent.offsetParent;
}
return([objLeft,objTop]);
}
}
</s cript>
</head>
<body>
<span id="show2" onclick_fckprotectedatt=" onclick="javas cript:new ToolTip().InitToolTip('3','show2',50,50,'你好!');"">addd</span>
</body>
</html>

提示：您可以先修改部分代码再运行

上一篇：一个伸缩菜单的Javascript实现 下一篇：JS实现的一个不用MOVSEOVER也能滑动的菜单

Tags:最新文章 javascript表单类示例 javascript菜单类示例 JS应用示例 最新文章 JS应用示例 Jsp基础知识 JS基础知识 Jsp应用示例 MySQL Java基础知识 Ajax基础知识 Ajax应用示例 Php基础知识 Asp.Net基础知识 IT资讯 Ajax框架 Php应用示例数据库 DHtml/XHtml/Html/CSS WebServer CSS 免费空间 .Net基础知识免费资源 XSL XML HTML 网络赚钱 CMS系统 Java应用示例 VB.NET Blob程序 Asp.Net应用示例 Asp基础知识 Dojo XML.XSL IT创业故事 jQuery FCKeditor IIS Linux 百度BaiDu Asp应用示例 IT创业数据库转换 JDK IT故事 firefox .Net基本知识开源编程经验 VB6.0 插件谷歌Google JS库页面缓存

·效果直逼flash的Div+Css+Js

·一段非常好的滑动门[可感应触发或点击触发

·JS+CSS菜单-纵向虚线菜单

·.NET程序员应该知道些什么

·web标准常见问题集合[不断更新]

·JavaScript技术实现的太平洋女性

·两棵目录树的Javascript实现

·代码‖Web仿QQ伸缩效果的JavaSc

·仿韩国网站www.priden.com的

·ASP.NET自动给URL加上超链接

·ASP.NET中的doPostBack脚

·ASP.NET备份恢复SqlServer

·ASP.Net利用CSS实现多界面的方法

·ASP.NET如何在窗体和窗体之间传送数

·ASP.NET网络编程中常用到的27个函

·ASP.NET 2.0功能扩展:跨页提交

>> 第一视频

>> 本站推荐

>> 点击排行

·javascript实现轻量级漂亮日历控

·javascript实现带上传有图片预览

·javascript图片滚动2：不间断滚

·javascript实现左右对联悬浮广告

·ASP.Net中实现图片文件上传

·javascript实现上传图片前的预览

·新浪的图片新闻效果的javascript

·javascript实现图片滚动代码

·javascript实现横向滑动菜单效果

·网页表单验证Validator v3.0

·雅虎相册圆盘切换效果代码

·一个图片浏览效果(超酷)的javascr

·c#中linkLabel 的使用

·Java 常用API文档

·javascript实现一个封装的很简单

·MySQL数据库的中文乱码解决

>> 相关文章

·效果直逼flash的Div+Css+Js

·一段非常好的滑动门[可感应触发或点击触发

·JS+CSS菜单-纵向虚线菜单

·.NET程序员应该知道些什么

·web标准常见问题集合[不断更新]

·JavaScript技术实现的太平洋女性

·两棵目录树的Javascript实现

·代码‖Web仿QQ伸缩效果的JavaSc

·仿韩国网站www.priden.com的

·ASP.NET自动给URL加上超链接

·ASP.NET中的doPostBack脚

·ASP.NET备份恢复SqlServer

·ASP.Net利用CSS实现多界面的方法

·ASP.NET如何在窗体和窗体之间传送数

·ASP.NET网络编程中常用到的27个函

·ASP.NET 2.0功能扩展:跨页提交

>> 推荐文章

·JavaScript中的execComm

·JavaScript 中的内存泄露模式详

·JavaScript中的字符串操作

·javascript图片滚动2：不间断滚

·用来加速网页打开速度的javascrip

·javascript实现顶部图片广告卷动

·javascript实现的float A

·JS代码判断集锦大全

·javascript实现图片滚动代码

·javascript实现左右对联悬浮广告

·javaScript模拟火焰的实现代码2

·javascript实现图片转移及移动的

·javascript实现横向滑动菜单效果

·JavaScript 经典效果集,拖动窗

·javascript实现轻量级漂亮日历控

·javascript实现一个超酷的日历加

>> 赞助商链接

关于我们　|　服务指南　|　版权声明　|　法律声明　|　服务条款　|　隐私声明　|　　　|　友情链接　　|　友情链接

Copyright© 2006-2008 ItYing.Net All Rights Reserved
本站部分资源收集于网络，如有不妥，请联系ItYing.Net@Gmail.com ，我们将尽快改正！
豫ICP备05018783号
Power by ActCMS Copyright 2007-2009