demo_iframe.htm 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <meta name="keywords" content="日期控件 datepicker calendar 日历控件 javascript js日历控件 带时间 自定义格式 月历控件 日期时间 日期选择" />
  5. <title>My97 DatePicker 4.0 演示-框架1</title>
  6. <script language="javascript" type="text/javascript" src="../../../WdatePicker.js" tppabs="http://www.my97.net/dp/My97DatePicker/WdatePicker.js"></script>
  7. <style type="text/css">
  8. <!--
  9. #Layer1 {
  10. position:absolute;
  11. width:200px;
  12. height:115px;
  13. z-index:1;
  14. left: 22px;
  15. top: 73px;
  16. background-color: #0033FF;
  17. }
  18. #Layer2 {
  19. position:absolute;
  20. width:200px;
  21. height:115px;
  22. z-index:1;
  23. left: 459px;
  24. top: 80px;
  25. }
  26. -->
  27. </style>
  28. </head>
  29. <body bgcolor="#60FFAF">
  30. <p>内嵌框架1:</p>
  31. <p>格式为:yyyy-MM-dd HH:mm<br>
  32. <input type="text" class="Wdate" id="test2" style="width:200px" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm'})" />
  33. </p>
  34. </p>
  35. <select name="select">
  36. <option>可以遮住DropDownList</option>
  37. </select>
  38. <p> </p>
  39. <p>&nbsp;</p>
  40. <p>&nbsp;</p>
  41. <div id="Layer2">
  42. <iframe id='f22' src="demo_iframe2.htm" tppabs="http://www.my97.net/dp/demo/resource/demo_iframe2.htm" frameborder="0" width="300px" height="150px"></iframe>
  43. </div>
  44. </body>
  45. </html>