jquey弹出div

编程技术  /  houtizong 发布于 3年前   67

   $(function (){
   $(".tip").click(function(e){
   $("#tip").remove();
  ds  ="<div id=tip>";
  ds +="<form name=form5 action=outOrder.do?op=updateOutOrder target='targetFrame' method=post>";
  ds +="<table width=300 cellspacing=0 class=word-samil cellpadding=1 border=1 bordercolordark=#FFFFFF bordercolorlight=#999999>";
  ds +="  <tr align=center bgcolor=#CCCCFF>";
  ds +="    <td  colspan='3' align=right><input type='button' id='xxx' value='X' style='width:24px;'/></td>";
  ds +="  </tr>";
  ds +="  <tr align=center bgcolor=aaaaaa>";
  ds +="    <td >球號</td>";
  ds +="    <td >賠率</td>";
  ds +="    <td >金額</td>";
  ds +="  </tr>";
  ds +="  <tr>";
  ds +="    <td align=center colspan=3 bgcolor=#CCCCFF>";
  ds +="      <input type=submit name=order value='送出'>&nbsp;";
  ds +="      <input type=button value='取消' onclick='hidden_out();'>";
  ds +="    </td>";
  ds +="  </tr>";   
  ds +="</table>";
  ds +="</form></div>";

      $("body").append(ds);
         $("#tip").show(0);
      var width=$("#tip").innerWidth();
        y=e.pageY+5;
        var x;
       if(e.pageX+width>$(window).width()){
        x=e.pageX-width;
       }else{
        x=e.pageX;
       }  
       
        $("#tip").css("top",y+"px");
        $("#tip").css("left",x+"px");
        $("#xxx").click(function (){$("#tip").remove();})   
      });
    });

 

=================

 </style>

  #tip2{
 position:absolute;
 border:1px solid #333;
 background:#f7f5d1;
 padding:1px;
 color:#333;
 display:none;
}
</style>