JavaScript经典效果集锦之二
十一 漂亮的脚本日历：
1. <Script LANGUAGE="JavaScript">
2. var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
3. var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
4. var days = new Array("日","一", "二", "三","四", "五", "六");
5. var classTemp;
6. var today=new getToday();
7. var year=today.year;
8. var month=today.month;
9. var newCal;
10.
11. function getDays(month, year) {
12. if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
13. else return daysInMonth[month];
14. }
15.
16. function getToday() {
17. this.now = new Date();
18. this.year = this.now.getFullYear();
19. this.month = this.now.getMonth();
20. this.day = this.now.getDate();
21. }
22.
23. function Calendar() {
24. newCal = new Date(year,month,1);
25. today = new getToday();
26. var day = -1;
27. var startDay = newCal.getDay();
28. var endDay=getDays(newCal.getMonth(), newCal.getFullYear());
29. var daily = 0;
30. if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
31. {
32. day = today.day;
33. }
34. var caltable = document.all.caltable.tBodies.calendar;
35. var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
36.
37. for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)
38. for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)
39. {
40. var cell = caltable.rows[intWeek].cells[intDay];
41. var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);
42. if ((intDay == startDay) && (0 == daily)){ daily = 1;}
43. var daytemp=daily<10?("0"+daily):(daily);
44. var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
45. if(day==daily) cell.className="DayNow";
46. else if(intDay==6) cell.className = "DaySat";
47. else if (intDay==0) cell.className ="DaySun";
48. else cell.className="Day";
49. if ((daily > 0) && (daily <= intDaysInMonth))
50. {
51. cell.innerText = daily;
52. daily++;
53. } else
54. {
55. cell.className="CalendarTD";
56. cell.innerText = "";
57. }
58. }
59. document.all.year.value=year;
60. document.all.month.value=month+1;
61. }
62.
63. function subMonth()
64. {
65. if ((month-1)<0)
66. {
67. month=11;
68. year=year-1;
69. } else
70. {
71. month=month-1;
72. }
73. Calendar();
74. }
75.
76. function addMonth()
77. {
78. if((month+1)>11)
79. {
80. month=0;
81. year=year+1;
82. } else
83. {
84. month=month+1;
85. }
86. Calendar();
87. }
88.
89. function setDate()
90. {
91. if (document.all.month.value<1||document.all.month.value>12)
92. {
93. alert("月的有效范围在1-12之间!");
94. return;
95. }
96. year=Math.ceil(document.all.year.value);
97. month=Math.ceil(document.all.month.value-1);
98. Calendar();
99. }
100. </Script>
101.
102. <Script>
103. function buttonOver()
104. {
105. var obj = window.event.srcElement;
106. obj.runtimeStyle.cssText = "background-color:#FFFFFF";
107. // obj.className="Hover";
108. }
109.
110. function buttonOut()
111. {
112. var obj = window.event.srcElement;
113. window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);
114. }
115. </Script>
116.
117. <Style>
118. Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;height: 20px;border: 1px solid #666666;color:#000000;}
119.
120. .Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;}
121. .CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-color:#f6f6f6;height: 20px;width:11%;text-align: center;}
122.
123. .Title {font-family: verdana;font-size: 11pt;font-weight: normal;height: 24px;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;}
124.
125. .Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;height: 20px;width:11%;text-align: center;}
126. .DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
127. .DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;height: 18px;width: 12%;}
128. .DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color: #000000;background-color: #FFFFFF;height: 20px;text-align: center;}
129.
130. .DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;height: 20px;width:11%;text-align: center;}
131. .DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;height: 20px;width: 12%;}
132. .DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;height: 20px;width: 12%;}
133.
134. .DayButton {font-family: Webdings;font-size: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;}
135.
136. </Style>
137.
138.
139. <table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable">
140. <thead>
141. <tr align="center" valign="middle">
142. <td colspan="7" class="Title">
143. <a href="javaScript:subMonth();" title="上一月" Class="DayButton">3</a> <input name="year" type="text" size="4" maxlength="4" οnkeydοwn="if (event.keyCode==13){setDate()}" οnkeyup="this.value=this.value.replace(/[^0-9]/g,'')" οnpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 年 <input name="month" type="text" size="1" maxlength="2" οnkeydοwn="if (event.keyCode==13){setDate()}" οnkeyup="this.value=this.value.replace(/[^0-9]/g,'')" οnpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 <a href="JavaScript:addMonth();" title="下一月" Class="DayButton">4</a>
144. </td>
145. </tr>
146. <tr align="center" valign="middle">
147. <Script LANGUAGE="JavaScript">
148. document.write("<TD class=DaySunTitle id=diary >" + days[0] + "</TD>");
149. for (var intLoop = 1; intLoop < days.length-1;intLoop++)
150. document.write("<TD class=DayTitle id=diary>" + days[intLoop] + "</TD>");
151. document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + "</TD>");
152. </Script>
153. </TR>
154. </thead>
155. <TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER ONCLICK="getDiary()">
156. <Script LANGUAGE="JavaScript">
157. for (var intWeeks = 0; intWeeks < 6; intWeeks++)
158. {
159. document.write("<TR style='cursor:hand'>");
160. for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'></TD>");
161. document.write("</TR>");
162. }
163. </Script>
164. </TBODY>
165. </TABLE>
166. <Script LANGUAGE="JavaScript">
167. Calendar();
168. </Script>
复制代码
十二 进入,退出页面的各种效果:
进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">
推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
0 矩形缩小
1 矩形扩大
2 圆形缩小
3 圆形扩大
4 下到上刷新
5 上到下刷新
6 左到右刷新
7 右到左刷新
8 竖百叶窗
9 横百叶窗
10 错位横百叶窗
11 错位竖百叶窗
12 点扩散
13 左右到中间刷新
14 中间到左右刷新
15 中间到上下
16 上下到中间
17 右下到左上
18 右上到左下
19 左上到右下
20 左下到右上
21 横条
22 竖条
23 以上22种随机选择一种
十三 很酷的效果,表格被选中回变颜色:
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <html>
1. <head>
2. </head>
3. <title>Mapabc地图无限</title>
4.
5. <script language="JavaScript">
6. var searchResult=new Array();//鼠标滑过时显示背景色
7. function borderize(what,color,color2)
8. {
9. what.style.borderColor=color
10. what.style.backgroundColor=color2
11. }
12.
13. function borderize_on(e){
14. if (document.all)
15. source3=event.srcElement
16. else if (document.getElementById)
17. source3=e.target
18. if (source3.className=="zuo22"){
19. borderize(source3,"#999999","#F6F6F8")
20. }
21. else{
22. while(source3.tagName!="TABLE"){
23. source3=document.getElementById? source3.parentNode : source3.parentElement
24. if (source3.className=="zuo22")
25. borderize(source3,"#999999","#F6F6F8")
26. }
27. }
28. }
29.
30. function borderize_off(e){
31.
32. if (document.all)
33. source4=event.srcElement
34. else if (document.getElementById)
35. source4=e.target
36. if (source4.className=="zuo22")
37. borderize(source4,"white","white")
38. else{
39. while(source4.tagName!="TABLE"){
40. source4=document.getElementById? source4.parentNode : source4.parentElement
41. if (source4.className=="zuo22")
42. borderize(source4,"white","white")
43. }
44. }
45. }
46. </script>
47.
48. <body >
49. <table width="96%" border="0" onMouseOver="borderize_on(event)" onMouseOut="borderize_off(event)" class="zuo22" οnclick="javascript:clickfun('123')">
50. <TR>
51. <TD>把鼠标移过来</TD>
52. <TD>把鼠标移过来</TD>
53. </TR>
54. <TR>
55. <TD>把鼠标移过来</TD>
56. <TD>把鼠标移过来</TD>
57. </TR>
58. <TR>
59. <TD>把鼠标移过来</TD>
60. <TD>把鼠标移过来</TD>
61. </TR>
62. <TR>
63. <TD>把鼠标移过来</TD>
64. <TD>把鼠标移过来</TD>
65. </TR>
66. </table>
67.
68. </body>
69. </html>
复制代码
十四 弹出提示的效果：
1. <html xmlns="http://www.w3.org/1999/xhtml">
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4. <title>cao888---提示</title>
5. </head>
6.
7. <body>
8. <script language=javascript>
9. var cao_x,cao_y;
10.
11. function cao888()
12. {
13. this.display=display;
14. }
15.
16. function display()
17. {
18. document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button οnclick=document.getElementById('cao1').style.display='block' οnfοcus=this.blur()>CAO留言</button></td></tr>< /table>");
19. document.write("<div id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");
20. document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");
21. document.write("<table width=200 height=20 bgcolor=green οnmοusedοwn='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' οnmοuseup='releaseCapture();' οnmοusemοve='caoMove(this.parentNode)' style='cursor:move;'>");
22. document.write("<tr align=center>");
23. document.write("<td align=left>提示:CAO888</td>");
24. document.write("</tr>");
25. document.write("</table>");
26. document.write("<span style= cursor:hand οnclick=this.parentNode.parentNode.style.display='none';><img src='http://pic1.blueidea.com/bbs/topic5.gif'><br>CAO呀,错误了...& lt;br>[确定]</span>");
27. document.write(" </div>");
28. document.write("</div>");
29. }
30. function caoMove(obj) //实现层的拖移
31. {
32. if(event.button==1)
33. {
34. var caoX=obj.clientLeft;
35. var caoY=obj.clientTop;
36. obj.style.pixelLeft=caoX+(event.x-cao_x);
37. obj.style.pixelTop=caoY+(event.y-cao_y);
38. }
39. }
40. </script>
41. <script language=javascript>
42. var mycao=new cao888();
43. mycao.display();
44. </script>
45. </body>
46. </html>
复制代码
十五 图片之间的切换：
1. <script language=JavaScript>
2. <!--
3. var imgUrl=new Array();
4. var imgLink=new Array();
5. var adNum=0;
6. var jumpUrl="http://sports.tom.com/";
7.
8. imgLink[1]="http://sports.tom.com/gnzt/2005yg/";
9. imgLink[2]="http://sports.tom.com/zhty/";
10.
11.
12. imgUrl[1]="http://img.sports.tom.com/img/assets/200509/050927071818sportsgnzt200592701.jpg";
13. imgUrl[2]="http://img.sports.tom.com/img/assets/200509/050927075953zt20050926107.jpg";
14.
15. var imgPre=new Array();
16. var j=0;
17. for (i=1;i<=imgUrl.length-1;i++) {
18. if(imgLink[i]!="") {j++;}
19. else {break;}
20. }
21. function playTran(){
22. if (document.all)
23. imgInit.filters.revealTrans.play();
24. }
25. var key=0;
26. function nextAd(){
27. if(adNum<j)adNum++ ;
28. else adNum=1;
29. if( key==0 ){key=1;}
30. else if (document.all){
31. imgInit.filters.revealTrans.Transition=6;
32. imgInit.filters.revealTrans.apply();
33. playTran();
34. }
35. document.images.imgInit.src=imgUrl[adNum];
36. jumpUrl=imgLink[adNum];
37. theTimer=setTimeout("nextAd()", 7000);
38. }
39. function goUrl(){
40. jumpTarget='_blank';
41. if (jumpUrl != ''){
42. if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
43. else location.href=jumpUrl;
44. }
45. }
46. //-->
47. </script>
48.
49. <a href="javascript:goUrl()"><img style="FILTER:
50. revealTrans(duration=2,transition=6);border:1 solid black" src="javascript:nextAd()" width=300
51. border=0 name=imgInit height="210"></a>
52. </body>
53. </html>
复制代码
十六 DIV_圆边圆角的实现：
1. <html xmlns:v>
2. <head>
3. <style>
4. v/:*{behavior: url(#default#VML);}
5. </style>
6. </head>
7. <body>
8. <v:roundRect style="position:absolute;left:20px;top:50px;width:200px;height:140px;" FillColor="#AAEAFA" Filled="T" />
9. </body>
复制代码
十七 跳动的菜单：
1. <html>
2. <head>
3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
4. <title>模仿as效果的导航菜单</title>
5. <style type="text/css">
6. <!--
7. a:link,a:visited { text-decoration: none; color: #666666 }
8. a:hover { text-decoration: underline }
9. #hor1 {
10. position:absolute;
11. left:320px;
12. top:20px;
13. width:220px;
14. height:20px;
15. z-index:1;
16. background-color: #999900;
17. }
18. #hor2 {
19. position:absolute;
20. left:320px;
21. top:40px;
22. width:220px;
23. height:20px;
24. z-index:2;
25. background-color: #FFCC00;
26. }
27. #hor3 {
28. position:absolute;
29. left:320px;
30. top:60px;
31. width:220px;
32. height:20px;
33. z-index:3;
34. background-color: #99CC00;
35. }
36. #board1 {
37. position:absolute;
38. left:320px;
39. top:40px;
40. width:220px;
41. height:120px;
42. z-index:-100;
43. background-color: #333333;
44. visibility: hidden;
45. }
46. body,td,th {
47. font-family: Verdana, Arial, Helvetica, sans-serif;
48. font-size: 12px;
49. color: #FFFFFF;
50. font-weight: bold;
51. }
52. body {
53. background-color: #666666;
54. }
55. #board2 {
56. position:absolute;
57. left:320px;
58. top:60px;
59. width:220px;
60. height:120px;
61. z-index:-90;
62. background-color: #333333;
63. visibility: hidden;
64. }
65. #board3 {
66. position:absolute;
67. width:220px;
68. height:120px;
69. z-index:-80;
70. left: 320px;
71. top: 80px;
72. background-color: #333333;
73. visibility: hidden;
74. }
75. #hor4 {
76. position:absolute;
77. left:320px;
78. top:80px;
79. width:220px;
80. height:20px;
81. z-index:4;
82. background-color: #99CCCC;
83. }
84. #board4 {
85. position:absolute;
86. left:320px;
87. top:100px;
88. width:220px;
89. height:120px;
90. z-index:-70;
91. background-color: #333333;
92. visibility: hidden;
93. }
94.
95. -->
96. </style>
97. <script type="text/javascript">
98. lastNo=0
99. function re(menu_no){
100. if(lastNo!=menu_no){
101. cur=menu_no+1
102. lastNo=menu_no
103. rest()
104. }else{
105. cur=100
106. }
107. document.getElementById("board"+menu_no).style.visibility="visible"
108. }
109. function rest(){
110. for(i=1;i<=4;i++){
111. document.getElementById("hor"+i).style.top=20*i;
112. document.getElementById("board"+i).style.visibility="hidden"
113. }
114. menu_num=4;
115. act=1
116. height=120+20
117. speed=0;
118. posY=0;
119. }
120. function huke(){
121. if(act==1&&cur<100){
122. speed=(height-posY)*0.69+speed*0.6
123. posY+=speed
124. for(i=cur;i<=menu_num;i++){
125. document.getElementById("hor"+i).style.top=posY+(i-2)*20
126. }
127. if(Math.abs(height-posY)<0.5){
128. for(i=cur;i<=menu_num;i++){
129. document.getElementById("hor"+i).style.top=height+(i-2)*20
130. }
131. act=0
132. }
133. setTimeout("huke()",50)
134. }
135. }
136.
137. </script>
138. </head>
139. <body>
140. <div id="hor1" οnclick="re(1);huke()">News</div>
141. <div id="hor2" οnclick="re(2);huke()">Populor</div>
142. <div id="hor3" οnclick="re(3);huke()">Sports</div>
143. <div id="hor4" οnclick="re(4);huke()">Woman</div>
144. <div id="board1">1.由AS而想起Javascript<br />2.用Jscript写ASP有没有先天性的不足？<br />3.没有了。</div>
145. <div id="board2">1.xhtml+css真的来了吗？<br />2.Flash取代传统网站<br />3.Flash何时才能连接数据库？</div>
146. <div id="board3">1.程序员与小姐的10个相同。<br />2.中国的程序员与中国的足球？</div>
147. <div id="board4">1.二十一世纪最缺的是什么?人才<br />
148. <a href="http://www.gamvan.com" target="_blank">http://www.gamvan.com</a>
149. <a href="http://www.gamvan.com" target="_blank">http://www.gamvan.com</a></div>
150. </body>
151. </html>
复制代码
十八 通过页面抓取照片：
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2. <!-- saved from url=(0047)http://nnyc.vicp.net:4099/schoolstation/te.aspx -->
3. <HTML><HEAD><TITLE>te</TITLE>
4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5. <META content="MSHTML 6.00.2800.1528" name=GENERATOR>
6. <META content=C# name=CODE_LANGUAGE>
7. <META content=JavaScript name=vs_defaultClientScript>
8. <META content=http://schemas.microsoft.com/intellisense/ie5
9. name=vs_targetSchema><LINK href="te.files/mycss.css" type=text/css
10. rel=stylesheet></HEAD>
11. <BODY background=te.files/qback1.gif><!-- MUST CALL INTEGRATORWEB METHOD _DIRECTLY_ AFTER DEFINING THE IX OBJECT -->
12. <FORM id=Form1 name=Form1 action=te.aspx method=post>
13. <TABLE id=Table1 style="POSITION: static" borderColor=#cccccc cellSpacing=0
14. cellPadding=0 width=500 align=center bgColor=#ffffff border=1>
15. <TBODY>
16. <TR>
17. <TD style="LINE-HEIGHT: 1.5em; HEIGHT: 35px" borderColor=#ffffff
18. background=te.files/titledown.gif colSpan=2><FONT face=宋体></FONT></TD></TR>
19. <TR>
20. <TD
21. style="PADDING-LEFT: 15px; COLOR: #660033; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px"
22. vAlign=top borderColor=#ffffff align=left
23. background=te.files/bg1.gif><FONT face=宋体>友善提醒：<BR>1、如果别的程
24. 序（如qq）或者其他网页正在使用摄像头,请先关闭相关程序，否则本</FONT><FONT
25. face=宋体>网页对摄像头的功能不能使用。<BR>2、本网页必须使用一个插件ezvidc60.ocx，如果你未安装，请<A
26. href="http://nnyc.vicp.net:4099/schoolstation/source /ezvid.rar">下载安装</A>,(把下载的文件ezvid.rar解压到一个目录后，双击执行ezvid.bat即可)。 如果您认为这会威胁到您计算机的安全，请关闭本页。</FONT></FONT></TD>
27. <TD style="HEIGHT: 222px" borderColor=#ffffff align=middle>
28. <OBJECT id=Form1_vd height=240 width=320
29. classid=CLSid:DF6D6569-5B0C-11D3-9396-008029E9B3A6 name=Form1_vd
30. VIEWASTEXT>
31. <PARAM NAME="_ExtentX" VALUE="8467">
32. <PARAM NAME="_ExtentY" VALUE="6350">
33. <PARAM NAME="AutoSize" VALUE="-1">
34. <PARAM NAME="CenterVideo" VALUE="-1">
35. <PARAM NAME="BackColor" VALUE="-2147483643">
36. <PARAM NAME="BorderStyle" VALUE="1">
37. <PARAM NAME="VideoBorder" VALUE="1">
38. <PARAM NAME="DriverIndex" VALUE="0">
39. <PARAM NAME="Preview" VALUE="-1">
40. <PARAM NAME="PreviewRate" VALUE="15">
41. <PARAM NAME="Overlay" VALUE="0">
42. <PARAM NAME="StretchPreview" VALUE="0">
43. <PARAM NAME="CancelKey" VALUE="0">
44. <PARAM NAME="CaptureRate" VALUE="66666">
45. <PARAM NAME="MakeUserConfirmCapture" VALUE="-1">
46. <PARAM NAME="PercentDropForError" VALUE="10">
47. <PARAM NAME="CaptureViaBackgroundThread" VALUE="0">
48. <PARAM NAME="IndexSize" VALUE="27000">
49. <PARAM NAME="CaptureAudio" VALUE="0">
50. <PARAM NAME="AbortLeftMouse" VALUE="-1">
51. <PARAM NAME="AbortRightMouse" VALUE="-1">
52. <PARAM NAME="TimeLimitEnabled" VALUE="0">
53. <PARAM NAME="TimeLimit" VALUE="30">
54. <PARAM NAME="StreamMaster" VALUE="0">
55. <PARAM NAME="YieldEventEnabled" VALUE="0">
56. <PARAM NAME="FrameEventEnabled" VALUE="0">
57. <PARAM NAME="VideoStreamEventEnabled" VALUE="0">
58. <PARAM NAME="WaveStreamEventEnabled" VALUE="0">
59. <PARAM NAME="UsePreciseCaptureControls" VALUE="0">
60. <embed src="8467" width="320" height="240" _extentx="8467" _extenty="6350" autosize="-1" centervideo="-1" backcolor="-2147483643" borderstyle="1" videoborder="1" driverindex="0" preview="-1" previewrate="15" overlay="0" stretchpreview="0" cancelkey="0" capturerate="66666" makeuserconfirmcapture="-1" percentdropforerror="10" captureviabackgroundthread="0" indexsize="27000" captureaudio="0" abortleftmouse="-1" abortrightmouse="-1" timelimitenabled="0" timelimit="30" streammaster="0" yieldeventenabled="0" frameeventenabled="0" videostreameventenabled="0" wavestreameventenabled="0" useprecisecapturecontrols="0">
61. </embed>
62. </OBJECT></TD></TR>
63. <TR>
64. <TD style="HEIGHT: 36px" align=middle background=te.files/title.gif
65. colSpan=2><FONT
66. face=宋体><INPUT οnclick=catchone(); type=button value=照相></FONT></TD></TR></TBODY></TABLE& gt;</FORM>
67. <SCRIPT language=javascript>
68. function catchone()
69. {
70. Form1.Form1_vd.SaveDIB("c://hosngcapture.dib");
71. alert("图像存放在 c://hosngcapture.dib");
72. }
73.
74. </SCRIPT>
75. </BODY></HTML>
76.
77.
78. ===================================================================================
79.
80.
81. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
82. <!-- saved from url=(0047)http://nnyc.vicp.net:4099/schoolstation/te.aspx -->
83. <HTML><HEAD><TITLE>te</TITLE>
84. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
85. <META content="MSHTML 6.00.2800.1528" name=GENERATOR>
86. <META content=C# name=CODE_LANGUAGE>
87. <META content=JavaScript name=vs_defaultClientScript>
88. <META content=http://schemas.microsoft.com/intellisense/ie5
89. name=vs_targetSchema><LINK href="te.files/mycss.css" type=text/css
90. rel=stylesheet></HEAD>
91. <BODY background=te.files/qback1.gif><!-- MUST CALL INTEGRATORWEB METHOD _DIRECTLY_ AFTER DEFINING THE IX OBJECT -->
92. <FORM id=Form1 name=Form1 action=te.aspx method=post>
93. <TABLE id=Table1 style="POSITION: static" borderColor=#cccccc cellSpacing=0
94. cellPadding=0 width=500 align=center bgColor=#ffffff border=1>
95. <TBODY>
96. <TR>
97. <TD style="LINE-HEIGHT: 1.5em; HEIGHT: 35px" borderColor=#ffffff
98. background=te.files/titledown.gif colSpan=2><FONT face=宋体></FONT></TD></TR>
99. <TR>
100. <TD
101. style="PADDING-LEFT: 15px; COLOR: #660033; LINE-HEIGHT: 1.5em; PADDING-TOP: 10px"
102. vAlign=top borderColor=#ffffff align=left
103. background=te.files/bg1.gif><FONT face=宋体>友善提醒：<BR>1、如果别的程
104. 序（如qq）或者其他网页正在使用摄像头,请先关闭相关程序，否则本</FONT><FONT
105. face=宋体>网页对摄像头的功能不能使用。<BR>2、本网页必须使用一个插件ezvidc60.ocx，如果你未安装，请<A
106. href="http://nnyc.vicp.net:4099/schoolstation/source /ezvid.rar">下载安装</A>,(把下载的文件ezvid.rar解压到一个目录后，双击执行ezvid.bat即可)。 如果您认为这会威胁到您计算机的安全，请关闭本页。</FONT></FONT></TD>
107. <TD style="HEIGHT: 222px" borderColor=#ffffff align=middle>
108. <OBJECT id=Form1_vd height=240 width=320
109. classid=CLSid:DF6D6569-5B0C-11D3-9396-008029E9B3A6 name=Form1_vd
110. VIEWASTEXT>
111. <PARAM NAME="_ExtentX" VALUE="8467">
112. <PARAM NAME="_ExtentY" VALUE="6350">
113. <PARAM NAME="AutoSize" VALUE="-1">
114. <PARAM NAME="CenterVideo" VALUE="-1">
115. <PARAM NAME="BackColor" VALUE="-2147483643">
116. <PARAM NAME="BorderStyle" VALUE="1">
117. <PARAM NAME="VideoBorder" VALUE="1">
118. <PARAM NAME="DriverIndex" VALUE="0">
119. <PARAM NAME="Preview" VALUE="-1">
120. <PARAM NAME="PreviewRate" VALUE="15">
121. <PARAM NAME="Overlay" VALUE="0">
122. <PARAM NAME="StretchPreview" VALUE="0">
123. <PARAM NAME="CancelKey" VALUE="0">
124. <PARAM NAME="CaptureRate" VALUE="66666">
125. <PARAM NAME="MakeUserConfirmCapture" VALUE="-1">
126. <PARAM NAME="PercentDropForError" VALUE="10">
127. <PARAM NAME="CaptureViaBackgroundThread" VALUE="0">
128. <PARAM NAME="IndexSize" VALUE="27000">
129. <PARAM NAME="CaptureAudio" VALUE="0">
130. <PARAM NAME="AbortLeftMouse" VALUE="-1">
131. <PARAM NAME="AbortRightMouse" VALUE="-1">
132. <PARAM NAME="TimeLimitEnabled" VALUE="0">
133. <PARAM NAME="TimeLimit" VALUE="30">
134. <PARAM NAME="StreamMaster" VALUE="0">
135. <PARAM NAME="YieldEventEnabled" VALUE="0">
136. <PARAM NAME="FrameEventEnabled" VALUE="0">
137. <PARAM NAME="VideoStreamEventEnabled" VALUE="0">
138. <PARAM NAME="WaveStreamEventEnabled" VALUE="0">
139. <PARAM NAME="UsePreciseCaptureControls" VALUE="0">
140. <embed src="8467" width="320" height="240" _extentx="8467" _extenty="6350" autosize="-1" centervideo="-1" backcolor="-2147483643" borderstyle="1" videoborder="1" driverindex="0" preview="-1" previewrate="15" overlay="0" stretchpreview="0" cancelkey="0" capturerate="66666" makeuserconfirmcapture="-1" percentdropforerror="10" captureviabackgroundthread="0" indexsize="27000" captureaudio="0" abortleftmouse="-1" abortrightmouse="-1" timelimitenabled="0" timelimit="30" streammaster="0" yieldeventenabled="0" frameeventenabled="0" videostreameventenabled="0" wavestreameventenabled="0" useprecisecapturecontrols="0">
141. </embed>
142. </OBJECT></TD></TR>
143. <TR>
144. <TD style="HEIGHT: 36px" align=middle background=te.files/title.gif
145. colSpan=2><FONT
146. face=宋体><INPUT οnclick=catchone(); type=button value=照相></FONT></TD></TR></TBODY></TABLE& gt;</FORM>
147. <SCRIPT language=javascript>
148. function catchone()
149. {
150. Form1.Form1_vd.SaveDIB("c://hosngcapture.dib");
151. alert("图像存放在 c://hosngcapture.dib");
152. }
153.
154. </SCRIPT>
155. </BODY></HTML>
复制代码
十九 客户端静态页面玩分页：
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
2. <HTML>
3. <HEAD>
4. <TITLE> New Document </TITLE>
5. <META NAME="Generator" CONTENT="EditPlus">
6. <META NAME="Author" CONTENT="">
7. <META NAME="Keywords" CONTENT="">
8. <META NAME="Description" CONTENT="">
9. <style>
10. * {
11. font-size:10.2pt;
12. font-family:tahoma;
13. line-height:150%;
14. }
15. .divContent
16. {
17. border:1px solid red;
18. background-color:#FFD2D3;
19. width:500px;
20. word-break:break-all;
21. margin:10px 0px 10px;
22. padding:10px;
23. }
24. </style>
25. </HEAD>
26.
27. <BODY>
28. header
29. <div id="divPagenation"></div>
30. <div id="divContent"></div>
31. footer
32. <SCRIPT LANGUAGE="JavaScript">
33. <!--
34. s="<p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你 们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了 啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你 们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了 啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你 们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了 啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你 们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了 啦。” </p><p>女老师竭力向孩子们证明，学习好功课的重要性。 </p><p>她说：“牛顿坐在树下，眼睛盯着树在思考，这时，有一个苹果落在他的头上，于是他发现了万有引力定律，孩子们，你 们想想看，做一位伟大的科学家多么好，多么神气啊，要想做到这一点，就必须好好学习。” </p><p>“班上一个调皮鬼对此并不满意。他说：“兴许是这样，可是，假如他坐在学校里，埋头书本，那他就什么也发现不了 啦。” </p>";
35. function DHTMLpagenation(content) { with (this)
36. {
37. // client static html file pagenation
38.
39. this.content=content;
40. this.contentLength=content.length;
41. this.pageSizeCount;
42. this.perpageLength=100; //default perpage byte length.
43. this.currentPage=1;
44. //this.regularExp=/.+[/?/&]{1}page=(/d+)/;
45. this.regularExp=//d+/;
46.
47. this.divDisplayContent;
48. this.contentStyle=null;
49. this.strDisplayContent="";
50. this.divDisplayPagenation;
51. this.strDisplayPagenation="";
52.
53. arguments.length==2?perpageLength=arguments[1]:'';
54.
55. try {
56. divExecuteTime=document.createElement("DIV");
57. document.body.appendChild(divExecuteTime);
58. }
59. catch(e)
60. {
61. }
62. if(document.getElementById("divContent"))
63. {
64. divDisplayContent=document.getElementById("divContent");
65. }
66. else
67. {
68. try
69. {
70. divDisplayContent=document.createElement("DIV");
71. divDisplayContent.id="divContent";
72. document.body.appendChild(divDisplayContent);
73. }
74. catch(e)
75. {
76. return false;
77. }
78. }
79.
80. if(document.getElementById("divPagenation"))
81. {
82. divDisplayPagenation=document.getElementById("divPagenation");
83. }
84. else
85. {
86. try
87. {
88. divDisplayPagenation=document.createElement("DIV");
89. divDisplayPagenation.id="divPagenation";
90. document.body.appendChild(divDisplayPagenation);
91. }
92. catch(e)
93. {
94. return false;
95. }
96. }
97.
98. DHTMLpagenation.initialize();
99. return this;
100.
101. }};
102. DHTMLpagenation.initialize=function() { with (this)
103. {
104. divDisplayContent.className=contentStyle!=null?contentStyle:"divContent";
105. if(contentLength<=perpageLength)
106. {
107. strDisplayContent=content;
108. divDisplayContent.innerHTML=strDisplayContent;
109. return null;
110. }
111.
112. pageSizeCount=Math.ceil((contentLength/perpageLength));
113.
114. DHTMLpagenation.goto(currentPage);
115. DHTMLpagenation.displayContent();
116. }};
117. DHTMLpagenation.displayPage=function() { with (this)
118. {
119. strDisplayPagenation="分页：";
120.
121. if(currentPage&¤tPage!=1)
122. strDisplayPagenation+='<a href="javascript:void(0)" οnclick="DHTMLpagenation.previous()">上一页</a> & nbsp;';
123. else
124. strDisplayPagenation+="上一页 ";
125.
126. for(var i=1;i<=pageSizeCount;i++)
127. {
128. if(i!=currentPage)
129. strDisplayPagenation+='<a href="javascript:void(0)" οnclick="DHTMLpagenation.goto('+i+');">'+i+'</a> ';
130. else
131. strDisplayPagenation+=i+" ";
132. }
133.
134. if(currentPage&¤tPage!=pageSizeCount)
135. strDisplayPagenation+='<a href="javascript:void(0)" οnclick="DHTMLpagenation.next()">下一页</a> ';
136. else
137. strDisplayPagenation+="下一页 ";
138.
139. strDisplayPagenation+="共 " + pageSizeCount + " 页，每页" + perpageLength + " 字符，调整字符数：<input type='text' value='"+perpageLength+"' id='ctlPerpageLength'><input type='button' value='确定' οnclick='DHTMLpagenation.change(document.getElementById(/"ctlPerpageLength/").value);'>";
140.
141. divDisplayPagenation.innerHTML=strDisplayPagenation;
142. }};
143. DHTMLpagenation.previous=function() { with(this)
144. {
145. DHTMLpagenation.goto(currentPage-1);
146. }};
147. DHTMLpagenation.next=function() { with(this)
148. {
149. DHTMLpagenation.goto(currentPage+1);
150. }};
151. DHTMLpagenation.goto=function(iCurrentPage) { with (this)
152. {
153. startime=new Date();
154. if(regularExp.test(iCurrentPage))
155. {
156. currentPage=iCurrentPage;
157. strDisplayContent=content.substr((currentPage-1)*perpageLength,perpageLength);
158. }
159. else
160. {
161. alert("page parameter error!");
162. }
163. DHTMLpagenation.displayPage();
164. DHTMLpagenation.displayContent();
165. }};
166. DHTMLpagenation.displayContent=function() { with (this)
167. {
168. divDisplayContent.innerHTML=strDisplayContent;
169. }};
170. DHTMLpagenation.change=function(iPerpageLength) { with(this)
171. {
172. if(regularExp.test(iPerpageLength))
173. {
174. DHTMLpagenation.perpageLength=iPerpageLength;
175. DHTMLpagenation.currentPage=1;
176. DHTMLpagenation.initialize();
177. }
178. else
179. {
180. alert("请输入数字");
181. }
182. }};
183.
184. // method
185. // DHTMLpagenation(strContent,perpageLength)
186.
187. DHTMLpagenation(s,100);
188.
189. //-->
190. </SCRIPT>
191. </BODY>
192. </HTML>
复制代码
二十 类似与google个性页面的好东东:
1. <html>
2. <head>
3. <title>DRAG the DIV</title>
4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5. <style>
6. *{font-size:12px}
7. .dragTable{
8. font-size:12px;
9. border-top:1px solid #3366cc;
10. margin-bottom: 10px;
11. width:100%;
12. background-color:#FFFFFF;
13. }
14. td{vertical-align:top;}
15. .dragTR{
16. cursor:move;
17. color:#7787cc;
18. background-color:#e5eef9;
19. height:20px;
20. padding-left:5px;
21. font-weight:bold;
22. }
23. #parentTable{
24. border-collapse:collapse;
25. letter-spacing:25px;
26. }
27. </style>
28. <script defer>
29. /****JoeLee************E-MAIL:hktx@163.com****QQ:48293707*****11:09 2006-2-9******/
30. var Drag={dragged:false,
31. ao:null,
32. tdiv:null,
33. dragStart:function(){
34. Drag.ao=event.srcElement;
35. if((Drag.ao.tagName=="TD")||(Drag.ao.tagName=="TR")){
36. Drag.ao=Drag.ao.offsetParent;
37. Drag.ao.style.zIndex=100;
38. }else
39. return;
40. Drag.dragged=true;
41. Drag.tdiv=document.createElement("div");
42. Drag.tdiv.innerHTML=Drag.ao.outerHTML;
43. Drag.ao.style.border="1px dashed red";
44. Drag.tdiv.style.display="block";
45. Drag.tdiv.style.position="absolute";
46. Drag.tdiv.style.filter="alpha(opacity=70)";
47. Drag.tdiv.style.cursor="move";
48. Drag.tdiv.style.border="1px solid #000000";
49. Drag.tdiv.style.width=Drag.ao.offsetWidth;
50. Drag.tdiv.style.height=Drag.ao.offsetHeight;
51. Drag.tdiv.style.top=Drag.getInfo(Drag.ao).top;
52. Drag.tdiv.style.left=Drag.getInfo(Drag.ao).left;
53. document.body.appendChild(Drag.tdiv);
54. Drag.lastX=event.clientX;
55. Drag.lastY=event.clientY;
56. Drag.lastLeft=Drag.tdiv.style.left;
57. Drag.lastTop=Drag.tdiv.style.top;
58. },
59.
60. draging:function(){//重要:判断MOUSE的位置
61. if(!Drag.dragged||Drag.ao==null)return;
62. var tX=event.clientX;
63. var tY=event.clientY;
64. Drag.tdiv.style.left=parseInt(Drag.lastLeft)+tX-Drag.lastX;
65. Drag.tdiv.style.top=parseInt(Drag.lastTop)+tY-Drag.lastY;
66. for(var i=0;i<parentTable.cells.length;i++){
67. var parentCell=Drag.getInfo(parentTable.cells[i]);
68. if(tX>=parentCell.left&&tX<=parentCell.right&&tY>=parentCell.top&&tY<=parentCell.bottom){
69. var subTables=parentTable.cells[i].getElementsByTagName("table");
70. if(subTables.length==0){
71. if(tX>=parentCell.left&&tX<=parentCell.right&&tY>=parentCell.top&&tY<=parentCell.bottom){
72. parentTable.cells[i].appendChild(Drag.ao);
73. }
74. break;
75. }
76. for(var j=0;j<subTables.length;j++){
77. var subTable=Drag.getInfo(subTables[j]);
78. if(tX>=subTable.left&&tX<=subTable.right&&tY>=subTable.top&&tY<=subTable.bottom){
79. parentTable.cells[i].insertBefore(Drag.ao,subTables[j]);
80. break;
81. }else{
82. parentTable.cells[i].appendChild(Drag.ao);
83. }
84. }
85. }
86. }
87. }
88. ,
89. dragEnd:function(){
90. if(!Drag.dragged)return;
91. Drag.dragged=false;
92. Drag.mm=Drag.repos(150,15);
93. Drag.ao.style.borderWidth="0px";
94. Drag.ao.style.borderTop="1px solid #3366cc";
95. Drag.tdiv.style.borderWidth="0px";
96. Drag.ao.style.zIndex=1;
97. },
98. getInfo:function(o){//取得坐标
99. var to=new Object();
100. to.left=to.right=to.top=to.bottom=0;
101. var twidth=o.offsetWidth;
102. var theight=o.offsetHeight;
103. while(o!=document.body){
104. to.left+=o.offsetLeft;
105. to.top+=o.offsetTop;
106. o=o.offsetParent;
107. }
108. to.right=to.left+twidth;
109. to.bottom=to.top+theight;
110. return to;
111. },
112. repos:function(aa,ab){
113. var f=Drag.tdiv.filters.alpha.opacity;
114. var tl=parseInt(Drag.getInfo(Drag.tdiv).left);
115. var tt=parseInt(Drag.getInfo(Drag.tdiv).top);
116. var kl=(tl-Drag.getInfo(Drag.ao).left)/ab;
117. var kt=(tt-Drag.getInfo(Drag.ao).top)/ab;
118. var kf=f/ab;
119. return setInterval(function(){if(ab<1){
120. clearInterval(Drag.mm);
121. Drag.tdiv.removeNode(true);
122. Drag.ao=null;
123. return;
124. }
125. ab--;
126. tl-=kl;
127. tt-=kt;
128. f-=kf;
129. Drag.tdiv.style.left=parseInt(tl)+"px";
130. Drag.tdiv.style.top=parseInt(tt)+"px";
131. Drag.tdiv.filters.alpha.opacity=f;
132. }
133. ,aa/ab)
134. },
135. inint:function(){//初始化
136. for(var i=0;i<parentTable.cells.length;i++){
137. var subTables=parentTable.cells[i].getElementsByTagName("table");
138. for(var j=0;j<subTables.length;j++){
139. if(subTables[j].className!="dragTable")break;
140. subTables[j].rows[0].className="dragTR";
141. subTables[j].rows[0].attachEvent("onmousedown",Drag.dragStart);
142. }
143. }
144. document.οnmοusemοve=Drag.draging;
145. document.οnmοuseup=Drag.dragEnd;
146. }
147. //end of Object Drag
148. }
149. Drag.inint();
150.
151. function _show(str){
152. var w=window.open('','');
153. var d=w.document;
154. d.open();
155. str=str.replace(/=(?!")(.*?)(?!")( |>)/g,"=/"$1/"$2");
156. str=str.replace(/(<)(.*?)(>)/g,"<span style='color:red;'><$2></span><br />");
157. str=str.replace(//r/g,"<br />/n");
158. d.write(str);
159. }
160. </script>
161. </head>
162. <body>
163. <table border="0" cellpadding="0" cellspacing="10" width="100%" height=500 id="parentTable">
164. <tr >
165. <td width="25%" valgin="top">
166. <table border=0 class="dragTable" cellspacing="0">
167. <tr>
168. <td><b>GMAIL</b></td>
169. </tr>
170. <tr>
171. <td>暂时无法显示GMAIL内容</td>
172. <tr>
173. </table><table border=0 class="dragTable" cellspacing="0">
174. <tr>
175. <td>新浪体育</td>
176. </tr>
177. <tr>
178. <td>解剖威队独门利器FW28 2万转引擎匹配超级变速器颁奖：辛吉斯欣喜能以冠军起步<br/> 印度搭档创下纪录法新社前瞻冬奥短道速滑：中韩唱主角 美加施冷箭</td>
179. <tr>
180. </table>
181. <table border=0 class="dragTable" cellspacing="0">
182. <tr>
183. <td>焦点</td>
184. </tr>
185. <tr>
186. <td>京广线中断4小时20临客返汉晚点 中国新闻网-湖北分社 - 所有 235 相关报道 »哈马斯已有总理人选
187. 解放日报报业集团 - 所有 489 相关报道 »陈水扁是两岸关系麻烦制造者 武汉晨报 - 所有 179 相关报道 »</td>
188. <tr>
189. </table>
190. </td>
191. <td width="25%">
192. <table border=0 class="dragTable" cellspacing="0">
193. <tr>
194. <td>中关村在线</td>
195. </tr>
196. <tr>
197. <td>新年行情速递 双敏板卡低价推荐 终于等到了，映泰6600GT一降降一百 罗技G15游戏键盘热力促销，代购价仅529元 </td>
198. <tr>
199. </table></td>
200. <td width="25%">
201. <table border=0 class="dragTable" cellspacing="0">
202. <tr>
203. <td>网易商业</td>
204. </tr>
205. <tr>
206. <td>上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市</td>
207. <tr>
208. </table> <table border=0 class="dragTable" cellspacing="0">
209. <tr>
210. <td>黑可天下</td>
211. </tr>
212. <tr>
213. <td>上海GDP增幅去年出现回落应对反倾销 中国鞋企联手对抗欧盟尹家绪操盘南方汽车 长安谋求曲线整体境外上市</td>
214. <tr>
215. </table>
216. </td>
217. </tr>
218. </table>
219. <input type="button" value="SHOW" onClick="_show(document.documentElement.innerHTML)" />
220. </body>
221. </html>
本文章为转载内容，我们尊重原作者对文章享有的著作权。如有内容错误或侵权问题，欢迎原作者联系我们进行内容更正或删除文章。
