⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 11-1.html

📁 JavaScript经典实例教程代码
💻 HTML
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>13-1</title>
<META http-equiv="content-type" CONTENT="text/html;charset=gb2312">
<META NAME="Author" CONTENT="CZH;czh44@sohu.com">
<style>
td {font-size:9pt;font-family:'宋体';vertical-align:baseline}
</style>
</head>
<script language="JavaScript">
<!--
/*--------------------------------\
|  Authored by CZH;czh44@sohu.com |
\--------------------------------*/
var imgArray=Array(10);
for (var i=0;i<10;i++)
{
imgArray[i]=new Image();
imgArray[i].src="pic"+(i+1)+".jpg";
}

function goNext()
{
	if(myData1.recordset.AbsolutePosition!=myData1.recordset.RecordCount)
	{
	myData1.recordset.MoveNext();
	}
	else
	{
	myData1.recordset.AbsolutePosition=1;
	}
	getPic(myData1.recordset.AbsolutePosition);	
}

function goPre()
{
	if(myData1.recordset.AbsolutePosition>1)
	{
	myData1.recordset.MovePrevious();
	}
	else
	{
	myData1.recordset.AbsolutePosition=myData1.recordset.RecordCount;
	}
	getPic(myData1.recordset.AbsolutePosition);
}

function getPic(theNum)
{
document.getElementById("theImg").src=imgArray[theNum-1].src;
}
//-->
</script>
<body topmargin="20px" leftmargin="20px">

<OBJECT ID="myData1" CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"
BORDER="0" WIDTH="0" HEIGHT="0">
<PARAM NAME="DataURL" value="data1.txt">
<PARAM NAME="UseHeader" VALUE="True">
</OBJECT>

<font size="8" face="隶书">本周最新摄影作品排行榜</font>

<form>
<table border=1 width="620px">
<tr>
<td align="center" valign="baseline">作品欣赏</td>
<td colspan="2">&nbsp;&nbsp;&nbsp;&nbsp;
<input type="button" value=" >>> " onclick="goNext()">&nbsp;&nbsp;&nbsp;
<input type="button" value=" <<< " onclick="goPre()">
</td>
</tr>

<tr>
<td rowspan="5" width="42px" align="center" valign="middle">
<img id="theImg" height="140px" width="210px" src="pic1.jpg">
</td>
<td>
编号: <input id=col1 type="text" DATASRC=#myData1 DATAFLD="编号">
</td>
<td>
姓名: <input id=col2 type="text" DATASRC=#myData1 DATAFLD="姓名">
</td>
</tr>

<tr>
<td>
性别: <input id=col3 type="text" DATASRC=#myData1 DATAFLD="性别">
</td>
<td>
地区: <input id=col4 type="text" DATASRC=#myData1 DATAFLD="地区">
</td>
</tr>

<tr>
<td>
身高: <input id=col5 type="text" DATASRC=#myData1 DATAFLD="身高">
</td>
<td>
体重: <input id=col6 type="text" DATASRC=#myData1 DATAFLD="体重">
</td>
</tr>

<tr>
<td>
得分: <input id=col7 type="text" DATASRC=#myData1 DATAFLD="得分">
</td>
<td>
职务: <input id=col8 type="text" DATASRC=#myData1 DATAFLD="职务">
</td>
</tr>

<tr>
<td>
电话: <input id=col9 type="text" DATASRC=#myData1 DATAFLD="电话">
</td>
<td>
E-mail:<input id=col10 type="text" DATASRC=#myData1 DATAFLD="E-mail">
</td>
</tr>

</table>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -