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">
jquery免费特效下载<a href="#" class="lr_abtn"><span> </span></a>
<div id="lr_menu" class="lr_menu">
<dl>
<dt><a href="www.51xuediannao/js/" target="_blank">jquery特效</a></dt> </dl>
<dl>
<dt><a href="www.51xuediannao/js/nav/" target="_blank">导航菜单</a></dt>
<dd><a href="#" target="_blank">三级菜单测试</a></dd>
<dd><a href="#" target="_blank">三级菜单测试</a></dd>
</dl>
<dl>
<dt><a href="www.51xuediannao/js/slide/" target="_blank">焦点幻灯片</a></dt>
</dl>
<dl>
<dt><a href="www.51xuediannao/js/texiao/" target="_blank">网页特效</a></dt>
</dl>
<dl>
<dt><a href="www.51xuediannao/qqkefu/" target="_blank">qq代码</a></dt>
</dl>
<dl>
<dt><a href="www.51xuediannao/jquery_tanchu/" target="_blank">jquery 弹出层</a></dt>
</dl>
</div>
</div>
</div>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。