國開電大-JavaScript程序設(shè)計-實訓三：隨機顯示題頭圖片

精選全文完整版1.題目隨機顯示題頭圖片。2.目的（1）掌握圖像顯示的基本知識。（2）掌握對象建立的方法。（3）掌握Math的使用方法。（3）會應(yīng)利用隨機函數(shù)編寫應(yīng)用程序。3.內(nèi)容結(jié)合一個具體應(yīng)用的需求，設(shè)計隨機顯示題頭的程序。4.要求（1）針對一個具體應(yīng)用的需求，設(shè)計界面。（2）使用對象的方式存儲圖像信息，利用隨機函數(shù)抽取圖像。代碼示例：#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">網(wǎng)頁特效</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>

總之，在這一學年中，我不