Javascript公共脚本库系列(四) 改进的弹出层脚本
2010-09-14 13:39:17 来源:WEB开发网实例代码:
<!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>ScriptHelper 类测试页面 - ShowDivComon 显示弹出层方法</title>
<!--<script src="http://files.cnblogs.com/zhangziqiu/ScriptHelper.js" type="text/javascript"></script>-->
<script src="http://files.cnblogs.com/zhangziqiu/ScriptHelperV2.js" type="text/javascript"></script>
<style type="text/css">
.cursorHand { cursor:pointer;}
</style>
</head>
<body style="position:relative;">
<div style="height:300px;"></div>
<!-- Main Menu -->
<div >
<a class="cursorHand" onclick="ScriptHelperV2.showDivCommon(this,'subMenu1');">Menu1</a>
</div>
<div>
<select id="Select1" style="z-index:1;">
<option>123</option>
<option>456</option>
</select>
</div>
<!-- Sub Menu 1 -->
<div id="subMenu1" style="position:absolute; display:none; background-color:#D7EFCD; border:solid 1px #000000; margin:0px; padding:5px; width:200px;z-index:100;">
<div>SubMent-1</div>
<div>SubMent-2</div>
<div>SubMent-3</div>
<div>SubMent-4</div>
<div>SubMent-5</div>
<div>SubMent-6</div>
</div>
</body>
</html>
Tags:Javascript 公共 脚本
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接