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

1. 题目 随机显示题头图片。 2. 目的 （1）掌握图像显示的基本知识。 （2）掌握对象建立的方法。 （3）掌握Math的使用方法。 （3）会应利用随机函数编写应用程序。 3. 内容 结合一个具体应用的需求，设计随机显示题头的程序。 4. 要求 （1）针对一个具体应用的需求，设计界面。 （2）使用对象的方式存储图像信息，利用随机函数抽取图像。 代码示例： #lr_systembox{ width:980px; height:50px; background-color:#CCC; position:relative; margin:0 auto; 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:left top;}.lr_systembtn .lr_abtn:hover{color:#333333;background-position:left bottom;}.lr_systembtn .lr_abtn span{ padding-left:28px;}.lr_menu{ width:184px; padding:8px 6px 8px 6px; background-color:#ffffff; border:#ACACAC solid 2px;filter:alpha(opacity=90);opacity: 0.90;position:absolute; top:35px; right:0px;? z-index:100005;display:none;}.lr_menu dl{width:100%; display:block; overflow:hidden;}.lr_menu a{ width:100%;display:block; color:#666666;border-bottom:#ACACAC dashed 1px;height:30px; line-height:30px; font-size:14px;background-image: url(lr_images/jt1.gif);background-repeat:no-repeat;background-position:6px center;}.lr_menu a:hover{background-color:#E2E2E2; color:#333333; text-decoration:none;}.lr_menu dt{}.lr_menu dt a{font-weight:bold;text-indent:14px;}.lr_menu dd a{text-indent:24px;background-position:16px center;} div id=lr_systembox??? div id=lr_systembtn class=lr_systembtn??????? a href=# class=lr_abtnspan /span/a??????? div id=lr_menu class=lr_menu????????? dl???????????? dta href=/js/ target=_blankjquery特效/a/dt????????? /dl????????? dl???????????? dta href=/js/nav/ target=_blank导航菜单/a/dt???????????? dda href=# target=_blank三级菜单测试/a/dd???????????? dda href=# target=_blank三级菜单测试/a/dd????????? /dl? ?????????? dl???????????? dta href=/js/slide/ target=_blank焦点幻灯片/a/dt????????? /dl????????? dl???????????? dta href=/js/texia