设为首页收藏本站
切换到宽版

 找回密码
 注册
搜索
免费吧论坛»论坛 › 主版块 › 随便聊聊 › 怎么让这个模块在网页中左对齐（或者自动对位） ...
免费空间 免费域名 免费AI 老牌主机商首月仅1美分！27美元/年！Spaceship优惠码 Namecheap优惠码阿里云2核2G3M新老续费同享99元/年！
12下一页
返回列表 发新帖
查看: 267|回复: 10

怎么让这个模块在网页中左对齐（或者自动对位）

[复制链接]
ywz
发表于 2009-9-9 20:13:53 | 显示全部楼层 |阅读模式
  1. <html>

  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  5. <title>网页特效---一个很漂亮实用的日历</title>
  6. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
  7. //创建一个数组,用于存放每个月的天数
  8. function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)
  9. {
  10. this[0] = m0;
  11. this[1] = m1;
  12. this[2] = m2;
  13. this[3] = m3;
  14. this[4] = m4;
  15. this[5] = m5;
  16. this[6] = m6;
  17. this[7] = m7;
  18. this[8] = m8;
  19. this[9] = m9;
  20. this[10] = m10;
  21. this[11] = m11;
  22. }
  23. //实现月历
  24. function calendar() {
  25. var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";
  26. var today = new Date();
  27. var thisDay;
  28. var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);
  29. year = today.getYear() +1900;
  30. thisDay = today.getDate();
  31. if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;
  32. nDays = monthDays[today.getMonth()];
  33. firstDay = today;
  34. firstDay.setDate(1);
  35. testMe = firstDay.getDate();
  36. if (testMe == 2) firstDay.setDate(0);
  37. startDay = firstDay.getDay();
  38. document.write("<div id='rili' style='position:absolute;width:140px;left:300px;top:100px;'>")
  39. document.write("<TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>")
  40. document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");
  41. document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");
  42. var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  43. var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");
  44. var now = new Date();
  45. document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");
  46. document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");
  47. document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");
  48. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");
  49. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");
  50. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");
  51. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");
  52. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");
  53. document.writeln("</TR><TR>");
  54. column = 0;
  55. for (i=0; i<startDay; i++) {
  56. document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");
  57. column++;
  58. }

  60. for (i=1; i<=nDays; i++) {
  61. if (i == thisDay) {
  62. document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")
  63. }
  64. else {
  65. document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");
  66. }
  67. document.writeln(i);
  68. if (i == thisDay) document.writeln("</FONT></TD>")
  69. column++;
  70. if (column == 7) {
  71. document.writeln("<TR>");
  72. column = 0;
  73. }
  74. }
  75. document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")
  76. document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")
  77. document.writeln("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>")
  78. document.writeln("</TD></TR></TABLE></div>");
  79. }
  80. </SCRIPT>
  81. <SCRIPT LANGUAGE="JavaScript">
  82. var timerID = null;
  83. var timerRunning = false;

  85. function stopclock (){
  86. if(timerRunning)
  87. clearTimeout(timerID);
  88. timerRunning = false;}

  90. //显示当前时间
  91. function showtime () {
  92. var now = new Date();
  93. var hours = now.getHours();
  94. var minutes = now.getMinutes();
  95. var seconds = now.getSeconds()
  96. var timeValue = " " + ((hours >12) ? hours -12 :hours)
  97. timeValue += ((minutes < 10) ? ":0" : ":") + minutes
  98. timeValue += ((seconds < 10) ? ":0" : ":") + seconds
  99. timeValue += (hours >= 12) ? " 下午 " : " 上午 "
  100. document.clock.face.value = timeValue;
  101. timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示
  102. timerRunning = true;}

  104. function startclock () {
  105. stopclock();
  106. showtime();}
  107. </SCRIPT>
  108. </head>

  110. <body onLoad="startclock(); timerONE=window.setTimeout">

  112. <script language="JavaScript" type="text/javascript">
  113. <!--
  114. calendar();
  115. //-->

  117. </script>

  119. </body>

  121. </html>
复制代码
回复

举报

彼岸星辰
发表于 2009-9-9 20:15:35 | 显示全部楼层
向后转...走错门了。
回复 支持 反对

举报

莫名奇妙
发表于 2009-9-9 20:16:26 | 显示全部楼层
同楼上
回复 支持 反对

举报

ywz
 楼主| 发表于 2009-9-9 20:18:49 | 显示全部楼层
回复 支持 反对

举报

彼岸星辰
发表于 2009-9-9 20:20:40 | 显示全部楼层
差了句起步走...


其实我不知道
回复 支持 反对

举报

kisscn
发表于 2009-9-9 20:34:25 | 显示全部楼层
- - 设置坐标。
回复 支持 反对

举报

baby
发表于 2009-9-9 20:36:01 | 显示全部楼层
不懂，帮顶
回复 支持 反对

举报

tincco
发表于 2009-9-10 10:56:01 | 显示全部楼层
本帖最后由 tincco 于 2009-9-10 11:00 编辑
  1. <html>



  5. <head>

  7. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

  9. <title>网页特效---一个很漂亮实用的日历</title>
  10. <style type="text/css">
  11. body {text-align:left;}
  12. </style>

  14. <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">

  16. //创建一个数组,用于存放每个月的天数

  18. function montharr(m0, m1, m2, m3, m4, m5, m6, m7, m8, m9, m10, m11)

  20. {

  22. this[0] = m0;

  24. this[1] = m1;

  26. this[2] = m2;

  28. this[3] = m3;

  30. this[4] = m4;

  32. this[5] = m5;

  34. this[6] = m6;

  36. this[7] = m7;

  38. this[8] = m8;

  40. this[9] = m9;

  42. this[10] = m10;

  44. this[11] = m11;

  46. }

  48. //实现月历

  50. function calendar() {

  52. var monthNames = "JanFebMarAprMayJunJulAugSepOctNovDec";

  54. var today = new Date();

  56. var thisDay;

  58. var monthDays = new montharr(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);

  60. year = today.getYear() +1900;

  62. thisDay = today.getDate();

  64. if (((year % 4 == 0) && (year % 100 != 0)) || (year % 400 == 0)) monthDays[1] = 29;

  66. nDays = monthDays[today.getMonth()];

  68. firstDay = today;

  70. firstDay.setDate(1);

  72. testMe = firstDay.getDate();

  74. if (testMe == 2) firstDay.setDate(0);

  76. startDay = firstDay.getDay();

  78. document.write("<div id='rili'>")

  80. document.write("<TABLE width='217' BORDER='0' CELLSPACING='0' CELLPADDING='2' BGCOLOR='#0080FF'>")

  82. document.write("<TR><TD><table border='0' cellspacing='1' cellpadding='2' bgcolor='Silver'>");

  84. document.write("<TR><th colspan='7' bgcolor='#C8E3FF'>");

  86. var dayNames = new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");

  88. var monthNames = new Array("1月","2月","3月","4月","5月","6月","7月","8月","9月","10月","11月","12月");

  90. var now = new Date();

  92. document.writeln("<FONT STYLE='font-size:9pt;Color:#330099'>" + "公元 " + now.getYear() + "年" + monthNames[now.getMonth()] + " " + now.getDate() + "日 " + dayNames[now.getDay()] + "</FONT>");

  94. document.writeln("</TH></TR><TR><TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>日</FONT></TH>");

  96. document.writeln("<th bgcolor='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>一</FONT></TH>");

  98. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>二</FONT></TH>");

  100. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>三</FONT></TH>");

  102. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>四</FONT></TH>");

  104. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>五</FONT></TH>");

  106. document.writeln("<TH BGCOLOR='#0080FF'><FONT STYLE='font-size:9pt;Color:White'>六</FONT></TH>");

  108. document.writeln("</TR><TR>");

  110. column = 0;

  112. for (i=0; i<startDay; i++) {

  114. document.writeln("\n<TD><FONT STYLE='font-size:9pt'> </FONT></TD>");

  116. column++;

  118. }



  122. for (i=1; i<=nDays; i++) {

  124. if (i == thisDay) {

  126. document.writeln("</TD><TD ALIGN='CENTER' BGCOLOR='#FF8040'><FONT STYLE='font-size:9pt;Color:#ffffff'><B>")

  128. }

  130. else {

  132. document.writeln("</TD><TD BGCOLOR='#FFFFFF' ALIGN='CENTER'><FONT STYLE='font-size:9pt;font-family:Arial;font-weight:bold;Color:#330066'>");

  134. }

  136. document.writeln(i);

  138. if (i == thisDay) document.writeln("</FONT></TD>")

  140. column++;

  142. if (column == 7) {

  144. document.writeln("<TR>");

  146. column = 0;

  148. }

  150. }

  152. document.writeln("<TR><TD COLSPAN='7' ALIGN='CENTER' VALIGN='TOP' BGCOLOR='#0080FF'>")

  154. document.writeln("<FORM NAME='clock' onSubmit='0'><FONT STYLE='font-size:9pt;Color:#ffffff'>")

  156. document.writeln("现在时间:<INPUT TYPE='Text' NAME='face' ALIGN='TOP'></FONT></FORM></TD></TR></TABLE>")

  158. document.writeln("</TD></TR></TABLE></div>");

  160. }

  162. </SCRIPT>

  164. <SCRIPT LANGUAGE="JavaScript">

  166. var timerID = null;

  168. var timerRunning = false;



  172. function stopclock (){

  174. if(timerRunning)

  176. clearTimeout(timerID);

  178. timerRunning = false;}



  182. //显示当前时间

  184. function showtime () {

  186. var now = new Date();

  188. var hours = now.getHours();

  190. var minutes = now.getMinutes();

  192. var seconds = now.getSeconds()

  194. var timeValue = " " + ((hours >12) ? hours -12 :hours)

  196. timeValue += ((minutes < 10) ? ":0" : ":") + minutes

  198. timeValue += ((seconds < 10) ? ":0" : ":") + seconds

  200. timeValue += (hours >= 12) ? " 下午 " : " 上午 "

  202. document.clock.face.value = timeValue;

  204. timerID = setTimeout("showtime()",1000);//设置超时,使时间动态显示

  206. timerRunning = true;}



  210. function startclock () {

  212. stopclock();

  214. showtime();}

  216. </SCRIPT>

  218. </head>



  222. <body onLoad="startclock(); timerONE=window.setTimeout">



  226. <script language="JavaScript" type="text/javascript">

  228. <!--

  230. calendar();

  232. //-->



  236. </script>



  240. </body>



  244. </html>
复制代码
回复 支持 反对

举报

tincco
发表于 2009-9-10 10:59:12 | 显示全部楼层
注意我修改的第 10 11 12 和78 行
回复 支持 反对

举报

ylweb
头像被屏蔽
发表于 2009-9-10 11:30:01 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复 支持 反对

举报

12下一页
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黑屋|免费吧论坛

GMT+8, 2024-5-14 01:41 , Processed in 0.024784 second(s), 4 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表