求一ajax控件 http://www.dshrc.com/person/personjobsearch_2.asp下面的那些选项条件都是悬浮选择,请问有没有现成的类似的ajax控件? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 这是鼠标触发的事件 鼠标停留在上面就弹出层一摸一样的没有 参考下吧... <!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"><head><title>仿QQ下拉菜单</title><script type="text/javascript"> var g_parent,g_child;var g_hideTimer = null;var g_locked = false;function $id(id){ return document.getElementById(id);}function getPos(parentObj){ var parentPos = []; parentPos[0] = parentObj.offsetLeft;//x parentPos[1] = parentObj.offsetTop;//y while (parentObj = parentObj.offsetParent) { parentPos[0] += parentObj.offsetLeft; parentPos[1] += parentObj.offsetTop; } return parentPos;}function showMoreSoftware(parentObj,childName){ if (g_hideTimer != null) { clearTimeout(g_hideTimer); return; } var parentPos = getPos(parentObj); $id(childName).style.left = parentPos[0] + "px"; $id(childName).style.top = parentPos[1] + 26 + "px"; $id("lockBtn").style.left = "163px"; parentObj.className = "active"; $id(childName).style.display = "block"; g_parent = parentObj; g_child = $id(childName);}function hideMoreSoftware(){ if (g_locked == true) { return; } else { g_hideTimer = setTimeout(function(){hidingMenu();},1); }}function hidingMenu(){ g_parent.className = "normal"; g_child.style.display = "none"; clearTimeout(g_hideTimer); g_hideTimer = null; if (g_locked == true) { $id("lockBtn").className = "drawingPin"; g_locked = false; }}function lockMenu(){ if (g_locked == false) { $id("lockBtn").className = "drawingPin_2"; $id("lockBtn").title="解除固定"; g_locked = true; } else { $id("lockBtn").className = "drawingPin"; $id("lockBtn").title="固定"; g_locked = false; }}</script><style>*:lang(en) .newHeader .nav{ margin-top:30px;}a:link,a:visited,a:active{ color:#3372a2; text-decoration:none;}a:hover{ text-decoration:underline;}h2{ padding:0; margin:0; font-weight:bold; font-size:12px; height:28px; width:142px;}h2.active{ background:#99c9e3;}h2 div{ position:absolute; padding:1px 1px 0 1px; margin:1px 1px 0 1px; width:138px; overflow:hidden; z-index:10; cursor:pointer;}h2.active div{ background:white;}h2 span{ display:block; padding:0 9px; height:26px;}h2 span em{ font-style:normal; display:block; padding-right:15px; line-height:25px;} .softList{ position:absolute; background:white; border:1px #99c9e3 solid; z-index:9; padding:5px 10px; width:165px; display:none;}.left{ float:left; width:50%;}.right{ float:right; width:50%;}h3{ color:#cc6600; margin:0; padding:0; font-size:14px; font-weight:bolder;}ul{ margin:0; padding:0 0 20px 0;}ul.last{ padding:0;}ul li{ height:auto; line-height:18px; }ul li a{ font-size:12px;}</style></head><body><div class="main"> <div class="part1"> <div class="version"> <div class="padder"> <h2 onmouseover="showMoreSoftware(this,'softList')" onmouseout="hideMoreSoftware()" class="normal"><div><span><em>网页特效网导航栏</em></span></div></h2> <div class="softList" id="softList" onmouseover="showMoreSoftware()" onmouseout="hideMoreSoftware()"> <a class="drawingPin" href="javascript:void(0);" onclick="lockMenu()" id="lockBtn" title="固定"></a> <div class="qq"> <h3>ASP资源</h3> <ul> <li><a onclick="hidingMenu()" href="/sort/list_1_13_1.shtml" target="_blank">优秀论坛社区程序</a></li> <li><a onclick="hidingMenu()" href="/sort/list_1_29_1.shtml" target="_blank">CMS系统建站资源</a></li> <li><a onclick="hidingMenu()" href="/sort/list_1_145_1.shtml" target="_blank">著名博客日记系统</a></li> </ul> </div> <div class="others"> <div class="left"> <h3>PHP资源</h3> <ul> <li><a onclick="hidingMenu()" href="/sort/list_2_35_1.shtml" target="_blank">企业建站</a></li> <li><a onclick="hidingMenu()" href="/sort/list_2_34_1.shtml" target="_blank">留言程序</a></li> <li><a onclick="hidingMenu()" href="/sort/list_2_47_1.shtml" target="_blank">相册系统</a></li> </ul> <h3>JAVA实例</h3> <ul class="last"> <li><a onclick="hidingMenu()" href="/sort/list_5_80_1.shtml" target="_blank">游戏编程</a></li> <li><a onclick="hidingMenu()" href="/sort/list_5_99_1.shtml" target="_blank">JAVA窗体</a></li> <li><a onclick="hidingMenu()" href="/sort/list_5_82_1.shtml" target="_blank">媒体与网络</a></li> </ul> </div> <div class="right"> <h3>脚本资源</h3> <ul> <li><a onclick="hidingMenu()" href="/sort/list_11_203_1.shtml" target="_blank">AJAX资源</a></li> <li><a onclick="hidingMenu()" href="/sort/list_11_168_1.shtml" target="_blank">CSS特效</a></li> <li><a onclick="hidingMenu()" href="/sort/list_11_202_1.shtml" target="_blank">网页编辑器</a></li> </ul> <h3>生活品味</h3> <ul> <li><a onclick="hidingMenu()" href="/sort/list_7_228_1.shtml" target="_blank">AJAX教程</a></li> <li><a onclick="hidingMenu()" href="/sort/list_7_136_1.shtml" target="_blank">JAVA开发</a></li> </ul> </div> </div> </div> </div> </div> </div> </div></body></html> 这是 文字 你可以用CSS 在文本框后面加个类似于下拉的图标 鼠标放在这图标上就显示这个层...自己改下试试复制 后直接刻运行..... ModalPopupExtenderDIV悬浮JQUERY弹出窗口 关于MVC中多级文件夹路由设置问题 三层框架 C#服务器事件怎样调用JS代码,谢谢! asp.net数据库添加值问题,在线等,大家都是来学习的,望不吝赐教。 关于Repeater控件的问题 为什么我的网页上所有以file:///的链接都无法打开文件夹了,以前都都可以的。 为什么总是提示SQL语句的语法错误??在线等到 关于发邮件的小问题. 谁做过以xml为扩展名的留言本或论坛?能否给我发一份? SOS!!!那位提供完整的通过水晶报表EXPORT出HTML格式文件的源代码(C#) 有关ASP.net系统数据库字段设计的一点疑问请教! gridview 中更新娶不到控件dropdownlist
一摸一样的没有 参考下吧... <!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">
<head>
<title>仿QQ下拉菜单</title><script type="text/javascript">
var g_parent,g_child;
var g_hideTimer = null;
var g_locked = false;function $id(id)
{
return document.getElementById(id);
}function getPos(parentObj)
{
var parentPos = [];
parentPos[0] = parentObj.offsetLeft;//x
parentPos[1] = parentObj.offsetTop;//y
while (parentObj = parentObj.offsetParent)
{
parentPos[0] += parentObj.offsetLeft;
parentPos[1] += parentObj.offsetTop;
}
return parentPos;
}function showMoreSoftware(parentObj,childName)
{
if (g_hideTimer != null)
{
clearTimeout(g_hideTimer);
return;
}
var parentPos = getPos(parentObj);
$id(childName).style.left = parentPos[0] + "px";
$id(childName).style.top = parentPos[1] + 26 + "px";
$id("lockBtn").style.left = "163px";
parentObj.className = "active";
$id(childName).style.display = "block";
g_parent = parentObj;
g_child = $id(childName);
}function hideMoreSoftware()
{
if (g_locked == true)
{
return;
}
else
{
g_hideTimer = setTimeout(function(){hidingMenu();},1);
}
}function hidingMenu()
{
g_parent.className = "normal";
g_child.style.display = "none";
clearTimeout(g_hideTimer);
g_hideTimer = null;
if (g_locked == true)
{
$id("lockBtn").className = "drawingPin";
g_locked = false;
}
}function lockMenu()
{
if (g_locked == false)
{
$id("lockBtn").className = "drawingPin_2";
$id("lockBtn").title="解除固定";
g_locked = true;
}
else
{
$id("lockBtn").className = "drawingPin";
$id("lockBtn").title="固定";
g_locked = false;
}
}
</script>
<style>
*:lang(en) .newHeader .nav{
margin-top:30px;
}
a:link,a:visited,a:active{
color:#3372a2; text-decoration:none;
}
a:hover{
text-decoration:underline;}
h2{
padding:0; margin:0; font-weight:bold; font-size:12px; height:28px; width:142px;}h2.active{
background:#99c9e3;}h2 div{
position:absolute; padding:1px 1px 0 1px; margin:1px 1px 0 1px; width:138px; overflow:hidden; z-index:10; cursor:pointer;}h2.active div{
background:white;}h2 span{
display:block; padding:0 9px; height:26px;}h2 span em{
font-style:normal; display:block; padding-right:15px; line-height:25px;} .softList{
position:absolute; background:white; border:1px #99c9e3 solid; z-index:9; padding:5px 10px; width:165px; display:none;}.left{
float:left; width:50%;}
.right{
float:right; width:50%;}
h3{
color:#cc6600; margin:0; padding:0; font-size:14px; font-weight:bolder;}
ul{
margin:0; padding:0 0 20px 0;}
ul.last{
padding:0;}
ul li{
height:auto; line-height:18px; }
ul li a{
font-size:12px;}
</style>
</head><body><div class="main"> <div class="part1">
<div class="version">
<div class="padder">
<h2 onmouseover="showMoreSoftware(this,'softList')" onmouseout="hideMoreSoftware()" class="normal"><div><span><em>网页特效网导航栏</em></span></div></h2>
<div class="softList" id="softList" onmouseover="showMoreSoftware()" onmouseout="hideMoreSoftware()">
<a class="drawingPin" href="javascript:void(0);" onclick="lockMenu()" id="lockBtn" title="固定"></a>
<div class="qq">
<h3>ASP资源</h3>
<ul>
<li><a onclick="hidingMenu()" href="/sort/list_1_13_1.shtml" target="_blank">优秀论坛社区程序</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_1_29_1.shtml" target="_blank">CMS系统建站资源</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_1_145_1.shtml" target="_blank">著名博客日记系统</a></li>
</ul>
</div>
<div class="others">
<div class="left">
<h3>PHP资源</h3>
<ul>
<li><a onclick="hidingMenu()" href="/sort/list_2_35_1.shtml" target="_blank">企业建站</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_2_34_1.shtml" target="_blank">留言程序</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_2_47_1.shtml" target="_blank">相册系统</a></li>
</ul>
<h3>JAVA实例</h3>
<ul class="last">
<li><a onclick="hidingMenu()" href="/sort/list_5_80_1.shtml" target="_blank">游戏编程</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_5_99_1.shtml" target="_blank">JAVA窗体</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_5_82_1.shtml" target="_blank">媒体与网络</a></li>
</ul>
</div>
<div class="right">
<h3>脚本资源</h3>
<ul>
<li><a onclick="hidingMenu()" href="/sort/list_11_203_1.shtml" target="_blank">AJAX资源</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_11_168_1.shtml" target="_blank">CSS特效</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_11_202_1.shtml" target="_blank">网页编辑器</a></li>
</ul>
<h3>生活品味</h3>
<ul>
<li><a onclick="hidingMenu()" href="/sort/list_7_228_1.shtml" target="_blank">AJAX教程</a></li>
<li><a onclick="hidingMenu()" href="/sort/list_7_136_1.shtml" target="_blank">JAVA开发</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
这个层...
自己改下试试
复制 后直接刻运行.....
DIV悬浮
JQUERY弹出窗口