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秒向右下⾓移动⼀个像素,
当碰到页⾯底边时向上弹起继续移动,当碰到页⾯右边时向左弹起继续移动,
当碰到页⾯顶边时向下弹起继续移动,当碰到页⾯左边时向右弹起继续移动.
形成碰撞反弹顺时针⽅向飘移的动态效果.
第四题:
接上题,
当⽤户的⿏标移动到相⽚上时,相⽚暂停移动.
相⽚表⾯出现⼀个关闭按钮,点击后相⽚连同关闭按钮隐藏.当⽤户的⿏村离开相⽚时,相⽚继续移动.
注册页面js特效相⽚表⾯的关闭按钮隐藏.
⿏标移动相⽚上发⽣的事件:onMouseOver
⿏标移出相⽚之外发⽣的事件:onMouseOut
这两个事件请预习第四章.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论