文档介绍：word
word
1 / 44
word
例1——Shopping_mall
效果图
word
word
2 / 44
word
HTML代码
<!doctype html>
<html>
<head <li class="header_top_small_navigation"><a href="#">优惠活动</a></li>
<li id="Tdiv" style=" margin-right:0px;"></li>
</ul>
</div>
<div style=" position:absolute; padding-left:130px; padding-top:10px;"><img width="50" height="50s" src="images/"></div>
<div class="header_mid">
<i><p style=" padding-left:130px;" class="header_mid_font">咨询热线：</p><p class="header_mid_font2">400&ndash;676&ndash;5919</p></i>
<div style="clear:both"></div>
<form action="#" method="post">
<input class="search_input"type="text" maxlength="30"/>
<input name="search_button" type="image" src="images/"/>
</form>
</div>
<div class="navigation">
<p><a href="#"><img style="margin-left:57px;" src="images/"/></a></p>
<ul>
<li onMouseOver="Fsubmenu('精品女装')"><a class="navigation_first_item" href="">精品女装</a></li>
<li class="navigation_bg_border"></li>
<li onMouseOver="Fsubmenu('时尚男装')"><a href="#">时尚男装</a></li>
<li class="navigation_bg_border"></li>
<li onMouseOver="Fsubmenu('童装')"><a href="#">童装</a></li>
<li class="navigation_bg_border"></li>
<li onMouseOver="Fsubmenu('睡衣')"><a href="#">睡衣</a></li>
word
word
4 / 44
word
<li class="navigation_bg_border"></li>
<li onMouseOver="Fsubmenu('女士衣')"><a href="#">女士衣</a></li>
<li class="navigation_bg_border"></li>
</ul>
</div>
</div>
<!--头部结束-->
<!--正文开始-->
<div class="content" >
<!--上边界开始-->
<div>
<div class="content