国开电大-JavaScript程序设计-实训三：随机显示题头图片

精选全文完整版1.题目随机显示题头图片。2.目的（1）掌握图像显示的基本知识。（2）掌握对象建立的方法。（3）掌握Math的使用方法。（3）会应利用随机函数编写应用程序。3.内容结合一个具体应用的需求，设计随机显示题头的程序。4.要求（1）针对一个具体应用的需求，设计界面。（2）使用对象的方式存储图像信息，利用随机函数抽取图像。代码示例：#lr_systembox{width:980px;height:50px;background-color:#CCC;position:relative;margin:0auto;z-index:100000;}

.lr_systembtn{width:201px;height:35px;line-height:33px;position:absolute;top:0px;right:0px;z-index:100004;}

.lr_systembtn.lr_abtn{width:100%;height:35px;display:block;font-size:15px;font-weight:bold;color:#666666;

background-image:url(lr_images/btn_system.png);background-repeat:no-repeat;background-position:lefttop;}

.lr_systembtn.lr_abtn:hover{color:#333333;background-position:leftbottom;}

.lr_systembtn.lr_abtnspan{padding-left:28px;}

.lr_menu{width:184px;padding:8px6px8px6px;background-color:#ffffff;border:#ACACACsolid2px;filter:alpha(opacity=90);opacity:0.90;

position:absolute;top:35px;right:0px;

z-index:100005;display:none;}

.lr_menudl{width:100%;display:block;overflow:hidden;}

.lr_menua{width:100%;display:block;color:#666666;border-bottom:#ACACACdashed1px;height:30px;line-height:30px;font-size:14px;

background-image:url(lr_images/jt1.gif);background-repeat:no-repeat;background-position:6pxcenter;}

.lr_menua:hover{background-color:#E2E2E2;color:#333333;text-decoration:none;}

.lr_menudt{}

.lr_menudta{font-weight:bold;text-indent:14px;}

.lr_menudda{text-indent:24px;background-position:16pxcenter;}<divid="lr_systembox">

<divid="lr_systembtn"class="lr_systembtn">

<ahref="#"class="lr_abtn"><span></span></a>

<divid="lr_menu"class="lr_menu">

<dl>

<dt><ahref="/js/"target="_blank">jquery特效</a></dt>

</dl>

<dl>

<dt><ahref="/js/nav/"target="_blank">导航菜单</a></dt>

<dd><ahref="#"target="_blank">三级菜单测试</a></dd>

<dd><ahref="#"target="_blank">三级菜单测试</a></dd>

</dl>

<dl>

<dt><ahref="/js/slide/"target="_blank">焦点幻灯片</a></dt>

</dl>

<dl>

<dt><ahref="/js/texiao/"target="_blank">网页特效</a></dt>

</dl>

<dl>

<dt><ahref="/qqkefu/"target="_blank">qq在线客服代码</a></dt>

</dl>

<dl>

<dt><ahref="/jquery_tanchu/"target="_blank">jquery弹出层</a></dt>

</dl>

</div>

</div>

</div>

总之，在这一学年中，我不