JavaScript实现自适应窗口大小的网页_html/css_WEB-ITnose

9. body{
10. text-align: left;
11. background-color: F6F6F6;
12. background-attachment: fixed;
13. }
14. #imgcenter{
15. position:relative;
16. height: auto;
17. width:50%;
18. left:20%;
19. top:250px;
20. }
21. #center{
22. position:relative;
23. height: auto;
24. width:50%;
25. left:20%;
26. top:220px;
27. }
28. #account{
29. position:relative;
30. height: auto;
31. left:60%;
32. top:-110px;
33. padding:2%;
34. width:50%;
35. }
36. #pwd{
37. position:relative;
38. height: auto;
39. left:60%;
40. top:-100px;
41. padding:2%;
42. width: 50%;
43. }
44. #login{
45. position:relative;
46. height: auto;
47. left:60%;
48. top:-95px;
49. padding:1%;
50. width: 25%;
51. }
52. #logo{
53. padding:3%;
54. width: 50%;
55. height: auto;
56. }
57. #div_forgetpwd{
58. position:relative;
59. height: 30%;
60. left: 90%;
61. top:-115px;
62. width: 25%;
63. font-size: 1pt;
64. white-space:nowrap;
65. }
66. #div_forgetpwd a{
67. text-decoration: none;
68. margin: auto;
69. }
70. #div_forgetpwd a:hover{
71. text-decoration: underline;
72. margin: auto;
73. }
74. .Clew{
75. position:relative;
76. height: 15px;
77. left:-10%;
78. top:-80%;
79. padding:2% 50%;
80. white-space:nowrap;
81. color: #FFFFD5;
82. font-weight: bold;
83. font-family: century gothic, arial;
84. background: #FCBE47;
85. border-top: 2px solid #db6e3c;
86. border-bottom: 2px solid #db6e3c;
87. }
91. //error clew
92. var userFlag=0;
93. var pwdFlag=0;
94. $().ready(function() {
95. $("form :input").blur(function() {
96. var $parent = $(this).parent();
97. $parent.find(".clew").remove();
98. if($(this).is(".username")) {
99. if(this.value=="" || this.value.length
100. var errorMsg = "Please enter your account.";
101. $parent.append(""+errorMsg+"");
102. }else
103. userFlag=1;
104. }
105. if($(this).is(".password")) {
106. if(this.value=="" || this.value.length
107. var errorMsg = "Please enter your password.";
108. $parent.append(""+errorMsg+"");
109. }else
110. pwdFlag=1;
111. }
112. }).keyup(function() {
113. $(this).triggerHandler("blur");
114. }).focus(function() {
115. $(this).triggerHandler("blur");
116. });
117. });
118. //提交检验
119. function validate_form(thisform){
120. with (thisform){
121. if (userFlag==0||pwdFlag==0){
122. username.focus();
123. return false;
124. }
125. }
126. }
132.