2024年4月22日发(作者:)

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_);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/);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;}