任意居中定位

pcajax

浏览: 2174278 次
性别:
来自: 上海

最近访客更多访客>>

morelily

zcm1205

知丿觉

u012363178

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

[网站分类].NET新手区

JavaScript Google Flash HTML

<html>
<head>
<style>
        body{
            text-align:center;
            margin:auto;
            font-family:宋体;
        }
        #head,#nag2,#content{ position:relative; }
        #logo,#poster,#nag1,#flashshow,#hot{ position:absolute;}
        .bluetext{color:#2D60ED;}
        #head{width:1000px;height:170px;background-color:#fbe73b;}
        #headsideline{ width:100%; height:10px; background-color:#ff2d1d; }
        #logo{ width:300px; height:160px; background-color:#eee; left:0px;     }
        #poster{    left:380px;    top:40px;    }
        #nag1{padding:5px;padding-left:15px;padding-right:15px;background-color:#eeeeee;left:500px;top:130px;color:#ff2d1d;font-size:14px;border:1px solid #ff2d1d;    }
        #nag1 a{color:#ff2d1d;}
        #nag1 a:hover{color:#1EA082;font-size:16px;}
        #nag2{background-color:#eee;width:1000px;height:30px;left:0px;    top:5px;    color:#ff2d1d;font-size:12px;border:1px solid #ff2d1d;text-align:left;}
        #nag21{padding-top:7px;padding-left:15px;padding-right:15px;}
        #content{top:10px;left:0px;width:1000px;}
        #flashshow{left:0px;top:0px;}
        #hot{left:645px;}
    </style>

</head>
<body>
<center>
        <body>
            
            
            <div id="head">
                <div id="headsideline">
                </div>
                <div id="logo">
                    <img src="images/logo.png" />
                </div>
                <div id="poster">
                    <img src="images/poster.gif" />
                </div>
                <div id="nag1">
                    <a href="#">我的点点</a>  
                    <a href="#">快速点餐通道</a>  
                    <a href="#">南京饮食</a>  
                    <a href="#">大厨课堂</a>
                </div>
            </div>
            
            <div id="nag2">
                <div id="nag21">
                    您当前所在地为:<label class="bluetext">南京理工大学</label>,
                    更改此项请<a href="#">点击这里</a>,或者直接
                    <a href="Javascript:void(0);" id="expandlist">展开列表</a>
                    以选择其他地区<a href="Javascript:void(0);" id="closelist">隐藏列表</a>
                </div>
                <div>
                </div>
            </div>
            
            <div id="content">
            
                <div id="flashshow">
                    <img src="images/flashshow.png" />
                </div>
                <div id="hot">
                    <div id="hottitle">
                        <img src="images/hot.png">
                    </div>
                    <div>
                    </div>
                </div>
            </div>
        </body>
    </center>

</body>
</html>

分享到：

提高C#编程水平的50个要点 | 第二十一章独行

2009-11-25 08:58
浏览 923
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论