📄 9-1.html

📁 JavaScript经典实例教程代码

💻 HTML

字号:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>滚动公告</title>
<META http-equiv="content-type" CONTENT="text/html;charset=gb2312">
<META NAME="Author" CONTENT="CZH;czh44@sohu.com">
<style>
	.ft{font-size:9pt;fon-family:'宋体';}
	</style>
</head>
<script language="JavaScript">
<!--
/*--------------------------------\
|  Authored by CZH;czh44@sohu.com |
\--------------------------------*/
function scrollUp()
{
document.getElementById("mar1").direction="up";
}
function scrollDown()
{
document.getElementById("mar1").direction="down";
}
function stopScroll()
{
document.getElementById("mar1").stop();
}
function startScroll()
{
document.getElementById("mar1").start();
}
//-->
</script>
<body style="font-size:9pt;fon-family:'宋体';margin:20px 5px;">
<table align="center" width="100%">
<tr align="center">
<td class=ft colspan="2">
公 告 栏
</td>
</tr>
<tr align="center">
<td class=ft  colspan="2">
<marquee id="mar1" direction="up" width="100%" height="200px" scrollamount="2" scrolldelay="100" onmouseover="stopScroll()" onmouseout="startScroll()">
<ul>
<li><a href="bcb6.html">C++Builder 6 已推出，在多媒体和Web方面功能更强。</a>
<p>
<li><a href="de6.html">Delphi 6 推出。数据处理功能和对硬件控制功能加强。</a>
<p>
<li><a href="ps6.html">Photoshop 7 上市。操作更加简便，功能更加强大。</a>
<p>
<li><a href="fs6.html">Flash 6 最新推出。功能更加强大。</a>
</ul>
</marquee>
</td>
</tr>
<tr>
<td align="right" valign="bottom">
<img id="imgUp" src="up.gif" onmouseover="scrollUp()">&nbsp;
</td>
<td align="left">
&nbsp;<img id="imgDown" src="down.gif" onmouseover="scrollDown()">
</td>
</tr>
</table>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -