WEB开发网
开发学院网页设计JavaScript Javascript公共脚本库系列(四) 改进的弹出层脚本 阅读

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&qu

实例代码:

<!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>

上一页  1 2 3 4 5 6  下一页

Tags:Javascript 公共 脚本

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接