现在的位置: 首页 > 综合 > 正文

用js实现弹出窗口《iframe》

2012年10月07日 ⁄ 综合 ⁄ 共 3734字 ⁄ 字号 评论关闭

此代码实现了点击[选择、修改]按钮之后,弹出固定的网页内部窗口,并可以选择相关值。比较实用。

  1<html>
  2<head>
  3<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  4<link href="/in/style.css" rel="stylesheet" type="text/css">
  5<script language="javascript">
  6<!--
  7function WinOp(url, wei, hei)
  8{
  9    window.open(url, '', 'width='+ wei +' height='+ hei +' scrollbars=yes toolbar=no top=10 left=10 resizable=yes')
 10}

 11//-
 12
</script>
 13</head>
 14<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
 15<html>
 16<head>
 17<LINK rel="stylesheet" href="/in/style.css">
 18<style>
 19BODY {
 20    BACKGROUND-POSITION: center 50%; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(/im/bg.gif); SCROLLBAR-HIGHLIGHT-COLOR: #bdbddd; SCROLLBAR-SHADOW-COLOR: #6c6c8a; SCROLLBAR-3DLIGHT-COLOR: #f0f0f0; SCROLLBAR-TRACK-COLOR: #d6d1d6; BACKGROUND-REPEAT: repeat-y; SCROLLBAR-DARKSHADOW-COLOR: #c9c9eb; SCROLLBAR-BASE-COLOR: #e0e0e0;
 21}

 22
 23a:link {  color: #333333;  font-size: 12px;text-decoration: none}
 24a:visited {  color: #333333; font-size: 12px;text-decoration: none}
 25a:hover {  color: #ff7300; text-decoration: none; font-size: 12px}
 26
</style>
 27</head>
 28<body topmargin=0 marginheight=0>
 29<table width="770" border="0" align="center" cellpadding="0" cellspacing="0">
 30<tr>
 31    <td background="http://images.51job.com/im/city1/bgtop.gif" width=259>
 32        <table width="77%" height="26" border="0" align="center" cellpadding="0" cellspacing="0">
 33        <tr>
 34            <td valign="top">
 35                <script language="javascript">
 36                <!--
 37                
 38                //-->
 39                
</script>
 40            </td>
 41        </tr>
 42        </table>
 43    </td>
 44    <style>
 45.clsMenuItemIE
 46{
 47    COLOR: #000000;
 48    FONT-FAMILY: 宋体;
 49    FONT-SIZE: 12px;
 50    TEXT-DECORATION: none
 51}

 52.clsMenuItemIE:link
 53{
 54    COLOR: #000000;
 55    FONT-FAMILY: 宋体;
 56    FONT-SIZE: 12px;
 57    TEXT-DECORATION: none
 58}

 59.clsMenuItemIE:visited
 60{
 61    COLOR: #000000;
 62    FONT-FAMILY: 宋体;
 63    FONT-SIZE: 12px;
 64    TEXT-DECORATION: none
 65}

 66.clsMenuItemIE:hover
 67{
 68    BACKGROUND-COLOR: #d2eeff;
 69    COLOR: #000000;
 70    FONT-FAMILY: 宋体;
 71    FONT-SIZE: 12px;
 72    TEXT-DECORATION: none
 73}

 74.bg1{
 75    BACKGROUND-COLOR: #000080;
 76    color:#ffffff;
 77    width:55px;
 78    text-align:center;
 79}

 80.bg2{
 81    width:55px;
 82    BACKGROUND-COLOR: #FFFFFF;
 83    color:#333333;
 84    text-align:center;
 85}

 86
 87
</style>
 88<script language="JavaScript">
 89    var is_show=0;
 90    
 91    function showToolbar(){
 92        // menu.addItem(id, text, hint, location, alternativeLocation);
 93        // menu.addSubItem(idParent, text, hint, location);
 94    
 95        menu = new Menu();
 96        menu.addItem("menu2_id""<img src=http://images.51job.com/im/select.gif>"nullnullnull);
 97    
 98        menu.addSubItem("menu2_id""全国""",   "/default-qz.php");
 99        menu.addSubItem("menu2_id""北京""",   "/default-area.php?area=0100");
100        menu.addSubItem("menu2_id""上海""",   "/default-area.php?area=0200");
101        menu.addSubItem("menu2_id""广州""",   "/default-area.php?area=0302");
102        menu.addSubItem("menu2_id""深圳""",   "/default-area.php?area=0400");
103        menu.addSubItem("menu2_id""西安""",   "/default-area.php?area=2002");
104        menu.addSubItem("menu2_id""武汉""",   "/default-area.php?area=1802");
105        menu.addSubItem("menu2_id""杭州""",   "/default-area.php?area=0802");
106        menu.addSubItem("menu2_id""成都""",   "/default-area.php?area=0902");
107        menu.addSubItem("menu2_id""南京""",   "/default-area.php?area=0702");
108        menu.addSubItem("menu2_id"

抱歉!评论已关闭.