JavaScript第三章课后作业

除教材理论部分第三章之后的作业之外,另外完成以下内容
前三个题目每个人必做,第四题可选,有能力就做,暂时没能力可以以后再做.

第一题:

如下代码:

<h1>会员注册</h1>
<p>基本资料[必填]</p>
......<br>
......<br>
......<br>
......<br>
......<br>
<p>
 <input type="checkbox" name="chkUserAdvanceInfo" value="On" />其他资料[可选]
</p>
<TABLE border="1" width="450px">
<TR>
 <TD>asdf</TD>
 <TD>asdgf</TD>
 <TD>asd</TD>
</TR>
<TR>
 <TD>asd</TD>
 <TD>asdf</TD>
 <TD>asdf</TD>
</TR>
</TABLE>

要求:单击复选框时,改变表格的可见性
如果复选框被打上勾,则表格应该可见.
如果复选框未勾选,则表格应该不可见.

可不可见的控制:
请预习第四章style.display = "none";或 style.display = "block";

第二题:

制作一个在线听歌的页面,其中用表格和表单显示歌曲列表,供用户选择要播放的歌曲.
表格如下:

复选框 歌曲名  歌手名 播放按钮
复选框 歌曲名  歌手名 播放按钮
... ...  ... ......

歌曲列表底部放置三个按钮:

全部选中
全部取消
反向选定

使用JS编写三个按钮的事件处理程序

第三题:

设计一个个人主页,其中插入一张你自己的相片,调整尺寸到240*180以内.

使用CSS和JS让这张相片在页面内飘浮移动,规则为:

页面刚打开时页面位于页面正中央,之后每隔0.2秒向右下角移动一个像素,

当碰到页面底边时向上弹起继续移动,当碰到页面右边时向左弹起继续移动,

当碰到页面顶边时向下弹起继续移动,当碰到页面左边时向右弹起继续移动.

形成碰撞反弹顺时针方向飘移的动态效果.

第四题:

接上题,
当用户的鼠标移动到相片上时,相片暂停移动.
相片表面出现一个关闭按钮,点击后相片连同关闭按钮隐藏.

当用户的鼠村离开相片时,相片继续移动.

相片表面的关闭按钮隐藏.

鼠标移动相片上发生的事件:onMouseOver
鼠标移出相片之外发生的事件:onMouseOut
这两个事件请预习第四章.

转载于:https://www.cnblogs.com/suhongwei/archive/2008/03/14/1106529.html