加载中…
个人资料
微博
  • 博客等级：
  • 博客积分：
  • 博客访问：
  • 关注人气：
  • 获赠金笔：0支
  • 赠出金笔：0支
  • 荣誉徽章：
正文 字体大小：大 中 小

一个完整的HTML  仿QQ

(2012-07-02 00:00:00)
标签：

杂谈

 分类： HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>腾讯网HTML页面制作</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script type="text/javascript" src="js/js.js"></script>
</head>

<body>
<div class="head">
    <div class="top_menu">
        <ul class="top_nav">
            <li class="top_nav01"><a href="#">设为首页</a></li>
            <li class="top_nav02"><a href="#">手机版</a></li>
            <li class="top_nav03"><a href="#">iPad版</a></li>
            <li><span>|</span><a href="#">网站地图</a></li>
            <li><span>|</span><a href="#">客服</a></li>
        </ul>
        <ul class="top_nav_right">
            <li class="top_nav_pos_img01"><a href="#"><img src="images/weibo01.jpg" alt="微博" /></a></li>
            <li class="top_nav_pos_img02"><a href="#"><img src="images/weibo02.jpg" alt="微博" /></a></li>
            <li><a href="#">注册</a></li>
        </ul>
    </div>
    <div class="top_head">
        <div class="logo"><img src="images/logo.jpg" alt="腾讯网HTML页面制作" /></div>
        <ul class="index_news">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
        <ul class="index_news index_news01">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#" class="pinglu">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
        <ul class="index_news index_news02">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#" class="pinglu">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
        <ul class="index_news index_news03">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#" class="pinglu">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
        <ul class="index_news index_news04">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#" class="pinglu">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
        <ul class="index_news index_news05">
            <li><a href="#"><b>新闻</b></a></li>
            <li><a href="#">视频</a></li>
            <li><a href="#">图片</a></li>
            <li><a href="#" class="pinglu">评论</a></li>
            <li><a href="#"><b>财经</b></a></li>
            <li><a href="#">股票</a></li>
            <li><a href="#">港股</a></li>
            <li><a href="#">基金</a></li>
        </ul>
    </div>
    <div class="search">
        <div class="search_left">search_left</div>
        <div class="search_con">
            <ul>
                <li><span class="search_a_hover">网页</span><font>|</font></li>
                <li><span>图片</span><font>|</font></li>
                <li><span>视频</span><font>|</font></li>
                <li><span>音乐</span><font>|</font></li>
                <li><span>地图</span><font>|</font></li>
                <li><span>问问</span><font>|</font></li>
                <li><span>新闻</span><font>|</font></li>
                <li><span>更多▼</span></li>
            </ul>
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td><span><input type="text" class="search_text" /></span></td>
                    <td><input type="submit" class="search_submit" value=" " /></td>
                </tr>
            </table>
        </div>
        <div class="search_right"><img src="images/add_right.jpg" alt="广告" /></div>
    </div>
</div>
<div class="top_nav_news">
        <div class="top_nav_news_left">
            <div class="top_nav_content">
                <ul>
                    <li><strong>通信</strong></li>
                    <li><a href="#">QQ邮箱</a></li>
                    <li><a href="#">QQ软件</a></li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">QQ秀</a></li>
                    <li><a href="#">会员</a></li>
                    <li><a href="#">号码</a></li>
                    <li><a href="#">QQ电脑管家</a></li>
                </ul>
                <ul>
                    <li><strong>社区</strong></li>
                    <li><a href="#">QQ空间</a></li>
                    <li><a href="#">相册</a></li>
                    <li><a href="#">QQ音乐</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">播客</a></li>
                    <li><a href="#">精英博客</a></li>
                </ul>
                <ul>
                    <li><strong>通信</strong></li>
                    <li><a href="#">QQ邮箱</a></li>
                    <li><a href="#">QQ软件</a></li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">QQ秀</a></li>
                    <li><a href="#">会员</a></li>
                    <li><a href="#">号码</a></li>
                    <li><a href="#">QQ电脑管家</a></li>
                </ul>
                <ul>
                    <li><strong>社区</strong></li>
                    <li><a href="#">QQ空间</a></li>
                    <li><a href="#">相册</a></li>
                    <li><a href="#">QQ音乐</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">播客</a></li>
                    <li><a href="#">精英博客</a></li>
                </ul>
                <ul>
                    <li><strong>通信</strong></li>
                    <li><a href="#">QQ邮箱</a></li>
                    <li><a href="#">QQ软件</a></li>
                    <li><a href="#">微博</a></li>
                    <li><a href="#">QQ秀</a></li>
                    <li><a href="#">会员</a></li>
                    <li><a href="#">号码</a></li>
                    <li><a href="#">QQ电脑管家</a></li>
                </ul>
                <ul>
                    <li><strong>社区</strong></li>
                    <li><a href="#">QQ空间</a></li>
                    <li><a href="#">相册</a></li>
                    <li><a href="#">QQ音乐</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">播客</a></li>
                    <li><a href="#">精英博客</a></li>
                </ul>
                <ul>
                    <li><strong>社区</strong></li>
                    <li><a href="#">QQ空间</a></li>
                    <li><a href="#">相册</a></li>
                    <li><a href="#">QQ音乐</a></li>
                    <li><a href="#">视频</a></li>
                    <li><a href="#">播客</a></li>
                    <li><a href="#">精英博客</a></li>
                </ul>
            </div>
        </div>
        <div class="top_nav_news_center">
            <p><a href="#"><img src="images/top_img.jpg" alt="标题文字" /></a></p>
            <h1><a href="#">看亚锦赛，为中国男篮助威</a>&nbsp;<a href="#">腾讯网总编室诚聘英才</a></h1>
        </div>
        <div class="top_nav_news_right">
            <div class="index_news_right_top">
                <ul>
                    <li><span class="hdm_01" id="hdm0" onmousemove="javascript:hd(0);">推荐</span></li>
                    <li><span id="hdm1" onmousemove="javascript:hd(1);">精品</span></li>
                    <li><span id="hdm2" onmousemove="javascript:hd(2);">热点</span></li>
                    <li><span id="hdm3" onmousemove="javascript:hd(3);">聚集</span></li>
                </ul>
            </div>
            <div class="news_right_content" style="display:block;" id="tx_hd0">
                <ul>
                    <li><a href="#">1QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content" style="display:none;" id="tx_hd1">
                <ul>
                    <li><a href="#">2QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content" style="display:none;" id="tx_hd2">
                <ul>
                    <li><a href="#">3QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content" style="display:none;" id="tx_hd3">
                <ul>
                    <li><a href="#">4QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
        </div>
</div>
<div class="index_news001">
    <div class="index_news_left">
        <div class="index_news_list">
            <h1>新闻中心</h1>
            <ul>
                <li><a href="#"><b>美对台军售80次达400亿美元 中方或将反制</b></a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
                <li><a href="#">美对台军售80次达400亿美元 中方或将反制</a></li>
            </ul>
        </div>
    </div>
    <div class="index_news_center">
        <div class="jrht main_yj">
            <h1>今日话题</h1>
            <h2><a href="#">洛阳性奴案 古怪在何处</a></h2>
            <ul class="yj_bottom_bg">
                <li><a href="#">美国为什么要对台售武</a> <a href="#">美国为什么要</a> <a href="#">美国为什么要售武</a></li>
                <li><a href="#">美国为什么要对台售武</a> <a href="#">美国为什么要</a> <a href="#">美国为什么要售武</a></li>
                <li><a href="#">美国为什么要对台售武</a> <a href="#">美国为什么要</a> <a href="#">美国为什么要售武</a></li>
            </ul>
        </div>
        <div class="index_shipin main_yj">
            <h1>热门视频<strong><img src="images/gif04.jpg" alt="热门视频" /></strong><span><a href="#">快女微电影：喻佳丽《宝贝》</a></span></h1>
            <div class="shipin_top">
            <p class="img_left"><span><img src="images/img_left.jpg" alt="图片文字" /></span><a href="#">翼装侠穿越天门洞</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
            </div>
            <div class="shipin_news">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
            <div class="shipin_news shipin_yj">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
        </div>
        <div class="jiaodian">
            <h1>视觉焦点</h1>
            <div class="jiaodian_con">
                <div class="jiaodian_content">
                    <p><a href="#"><img src="images/jiaodian_img01.jpg" alt="焦点标题文字" /></a></p>
                    <h2><a href="#">实拍最奢华A似的货</a></h2>
                </div>
                <div class="jiaodian_content">
                    <p><a href="#"><img src="images/jiaodian_img01.jpg" alt="焦点标题文字" /></a></p>
                    <h2><a href="#">实拍最奢华A似的货</a></h2>
                </div>
                <div class="jiaodian_content">
                    <p><a href="#"><img src="images/jiaodian_img01.jpg" alt="焦点标题文字" /></a></p>
                    <h2><a href="#">实拍最奢华A似的货</a></h2>
                </div>
            </div>
        </div>
    </div>
    <div class="index_news_right">
                    <div class="index_news_right_top">
                <ul>
                    <li><span class="hdm_01" id="jy0" onmousemove="javascript:jy(0);">教育</span></li>
                    <li><span id="jy1" onmousemove="javascript:jy(1);">培训</span></li>
                    <li><span id="jy2" onmousemove="javascript:jy(2);">考试</span></li>
                    <li><span id="jy3" onmousemove="javascript:jy(3);">出国</span></li>
                </ul>
            </div>
            <div class="news_right_content jy_content" style="display:block;" id="jy_hd0">
                <ul>
                    <li><a href="#">1QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">1QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content jy_content" style="display:none;" id="jy_hd1">
                <ul>
                    <li><a href="#">2QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">2QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content jy_content" style="display:none;" id="jy_hd2">
                <ul>
                    <li><a href="#">3QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">3QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
            <div class="news_right_content jy_content" style="display:none;" id="jy_hd3">
                <ul>
                    <li><a href="#">4QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">4QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                    <li><a href="#">QQ聊天助手　边聊边搜更轻松</a></li>
                </ul>
            </div>
               <div class="right_banner01"><a href="#"><img src="images/right_banner01.jpg" alt="广告名称" /></a></div>
    </div>
</div>
<div class="centent_con">
    <div class="left_banner01"><a href="#"><img src="images/left_banner01.jpg" alt="广告名称" /></a></div>
    <div class="gm_con">
        <div class="hdmen_right"><span class="hdmen_dq">充话费</span><span>充网游</span><span class="bg_none">充Q币</span></div>
    <div class="cz_con">
        <table cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td>面　值：</td>
                <td colspan="2"><select>
                    <option value="0">100 元</option>
                    <option value="1">100 元</option>
                    <option value="2">100 元</option>
                    <option value="3">100 元</option>
                </select>
                <span>98折起</span>
                </td>
            </tr>
            <tr>
                <td>手机号：</td>
                <td><input type="text" class="tel_num" /></td>
                <td><input type="submit" class="cz_submit" value="充值" /></td>
            </tr>
        </table>
    </div>
    </div>
</div>
<div class="content02">
    <div class="caijing">
        <div class="caijing_h1">
            <h1>财经</h1>
        </div>
        <div class="caijing_con">
            <p><span><img src="images/jiaodian_img01.jpg" alt="图片标题" /></span><a href="#">拍最奢华A似的货</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        <div class="caijing_con01">
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
    </div>
    <div class="tiyu">
        <div class="index_shipin main_yj tiyu_con">
            <h1>体育·NPB·竟猜</h1>
            <div class="shipin_top tiyu_list">
            <p class="img_left"><span><img src="images/img_left.jpg" alt="图片文字" /></span><a href="#">翼装侠穿越天门洞</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货<img src="images/weibo01.jpg" alt="财经 | 实拍最奢华A似的货" /></a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
            </div>
            <div class="shipin_news img_none">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
            <div class="shipin_news shipin_yj img_none">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
        </div>
        <div class="index_shipin main_yj">
            <h1>体育<font color="#C5DAEF">·</font>NPB<font color="#C5DAEF">·</font>竟猜</h1>
            <div class="shipin_top tiyu_list">
            <p class="img_left"><span><img src="images/img_left.jpg" alt="图片文字" /></span><a href="#">翼装侠穿越天门洞</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货<img src="images/weibo01.jpg" alt="财经 | 实拍最奢华A似的货" /></a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
            </div>
            <div class="shipin_news img_none">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
            <div class="shipin_news shipin_yj img_none">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
        </div>
    </div>
    <div class="sousuo">
        <div class="how_search">
            <h1>热门搜索</h1>
            <div class="img_con_float">
                <p><img src="images/jiaodian_img01.jpg" alt="图片标题" width="60" height="60" /></p>
                <ul>
                    <li>大S人肉雨伞</li>
                    <li>大S人肉雨伞</li>
                    <li>大S人肉雨伞</li>
                </ul>
            </div>
            <div class="how_search_list">
                <ul id="li_list">
                    <li>实拍最奢华A似的货</li>
                    <li>实拍最奢华A似的货</li>
                    <li>实拍最奢华A似的货</li>
                    <li>实拍最奢华A似的货</li>
                    <li>实拍最奢华A似的货</li>
                    <li>实拍最奢华A似的货</li>
                </ul>
                <script type="text/javascript">
                    var li=document.getElementByIdx_x("li_list").getElementsByTagName_r("li");
                    for(i=1;i<=li.length;i++){
                       
                        if(i%2!=0){
                            li[i].className="li_bg";   
                            if(i==5){
                                li[i].className="";   
                                }
                           
                        }
                    }
                </script>
            </div>
        </div>
    </div>
</div>
<div class="index_news001">
    <div class="index_news_left">
        <div class="qcjd_h1"><span class="span_dq" id="jdqc0" onmousemove="javascript:qj(0)">汽车</span><span id="jdqc1" onmousemove="javascript:qj(1)">家电</span></div>
        <div class="jd_con" style="display:block;" id="jdqc_con0">
            <div class="caijing_con">
            <p><span><img src="images/jiaodian_img01.jpg" alt="图片标题" /></span><a href="#">拍最奢华A似的货</a></p>
            <ul>
                <li><a href="#">0财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        <div class="caijing_con01 jd_bottom_bg">
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        </div>
        <div class="jd_con" style="display:none;" id="jdqc_con1">
            <div class="caijing_con">
            <p><span><img src="images/jiaodian_img01.jpg" alt="图片标题" /></span><a href="#">拍最奢华A似的货</a></p>
            <ul>
                <li><a href="#">1财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        <div class="caijing_con01 jd_bottom_bg">
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        </div>
                <div class="qcjd_h1" style="margin-top:10px;"><span class="span_dq" id="jdqc_f0" onmousemove="javascript:qj_f(0)">汽车</span><span id="jdqc_f1" onmousemove="javascript:qj_f(1)">家电</span></div>
        <div class="jd_con" style="display:block;" id="jdqc_con_f0">
            <div class="caijing_con">
            <p><span><img src="images/jiaodian_img01.jpg" alt="图片标题" /></span><a href="#">拍最奢华A似的货</a></p>
            <ul>
                <li><a href="#">0财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        <div class="caijing_con01 jd_bottom_bg">
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        </div>
        <div class="jd_con" style="display:none;" id="jdqc_con_f1">
            <div class="caijing_con">
            <p><span><img src="images/jiaodian_img01.jpg" alt="图片标题" /></span><a href="#">拍最奢华A似的货</a></p>
            <ul>
                <li><a href="#">1财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        <div class="caijing_con01 jd_bottom_bg">
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
        </div>
        </div>
    </div>
    <div class="index_news_center">
        <div class="index_shipin main_yj dianying">
            <h1>大片<font color="#C5DAEF">·</font>热剧<font color="#C5DAEF">·</font>综艺</h1>
            <div class="shipin_top">
            <p class="img_left"><span><img src="images/img_left.jpg" alt="图片文字" /></span><a href="#">翼装侠穿越天门洞</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
            </div>
            <div class="shipin_news shipin_yj">
                <ul>
                    <li><a href="#">财经</a> | <a href="#" style=" background:none; padding-left:0;">实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
        </div>
        <div class="index_shipin main_yj tiyu_con nvxing">
            <h1>体育·NPB·竟猜<span><a href="#">2012春夏伦敦时装周</a></span></h1>
            <div class="shipin_top tiyu_list">
            <p class="img_left"><span><img src="images/img_left.jpg" alt="图片文字" /></span><a href="#">翼装侠穿越天门洞</a></p>
            <ul>
                <li><a href="#">财经 | 实拍最奢华A似的货<img src="images/weibo01.jpg" alt="财经 | 实拍最奢华A似的货" /></a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                <li><a href="#">财经 | 实拍最奢华A似的货</a></li>
            </ul>
            </div>
            <div class="shipin_news img_none shipin_yj">
                <ul>
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                    <li><a href="#">财经 | 实拍最奢华A似的货</a></li>   
                </ul>
            </div>
        </div>
    </div>
    <div class="index_news_right">
        <div class="shangcheng">
            <div class="sc_hdm"><span class="sc_dq" id="sc_f0" onclick="javascript:sc(0)">拍拍热卖</span><span id="sc_f1" onclick="javascript:sc(1)">放心正品</span><span style="margin:0;" id="sc_f2" onclick="javascript:sc(2)">商城热卖</span></div>
            <div id="sc_con0" style="display:block;">
                <div class="sc_list">
                    <ul>
                        <li><a href="#">1实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list sc_bg">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
            </div>
            <div id="sc_con1" style="display:none;">
                <div class="sc_list">
                    <ul>
                        <li><a href="#">2实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list sc_bg">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
            </div>
            <div id="sc_con2" style="display:none;">
                <div class="sc_list">
                    <ul>
                        <li><a href="#">3实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
                <div class="sc_list sc_bg">
                    <ul>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                        <li><a href="#">实拍最奢华</a></li>
                    </ul>
                    <p><img src="images/sc_img.jpg" alt="图片的标题" /></p>
                </div>
            </div>
        </div>
        <div class="tuangou">
            <h1>今日团购推荐</h1>
            <div class="tuangou_con">
            <table cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td>正在加载...</td>
                </tr>
            </table>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer_nav">
        <ul>
            <li><a href="#">关于腾讯</a><span>|</span></li>
            <li><a href="#">About Tencent</a><span>|</span></li>
            <li><a href="#">服务条款</a><span>|</span></li>
            <li><a href="#">开放平台</a><span>|</span></li>
            <li><a href="#">广告服务</a><span>|</span></li>
            <li><a href="#">商务洽谈</a><span>|</span></li>
            <li><a href="#">腾讯招聘</a><span>|</span></li>
            <li><a href="#">腾讯公益</a><span>|</span></li>
            <li><a href="#">客服中心</a><span>|</span></li>
            <li><a href="#">网站导航</a><span>|</span></li>
            <li><a href="#">版权所有</a></li>
        </ul>
    </div>
    <div class="footer_nav">
        <ul>
            <li><a href="#">关于腾讯</a><span>|</span></li>
            <li><a href="#">About Tencent</a><span>|</span></li>
            <li><a href="#"><font color="#ff0000">服务条款</font></a><span>|</span></li>
            <li><a href="#">开放平台</a><span>|</span></li>
            <li><a href="#">广告服务</a><span>|</span></li>
            <li><a href="#">商务洽谈</a><span>|</span></li>
            <li><a href="#">腾讯招聘</a><span>|</span></li>
            <li><a href="#">腾讯公益</a><span>|</span></li>
            <li><a href="#">客服中心</a><span>|</span></li>
            <li><a href="#">网站导航</a><span>|</span></li>
            <li><a href="#">版权所有</a></li>
        </ul>
    </div>
    <p>粤府新函[2001]87号 粤网文[2011]0483-070号 网络视听许可证1904073号 增值电信业务经营许可证：粤B2-20090059 B2-20090028<br />
Copyright © 1998 - 2011 Tencent. All Rights Reserved</p>
    <div class="footer_kk">
        <ul>
            <li><img src="images/img001.jpg" alt="图片标题" /><a href="#">深圳网络警察报警平台</a></li>
            <li><img src="images/img001.jpg" alt="图片标题" /><a href="#">深圳网络警察报警平台</a></li>
            <li><img src="images/img001.jpg" alt="图片标题" /><a href="#">深圳网络警察报警平台</a></li>
            <li><img src="images/img001.jpg" alt="图片标题" /><a href="#">深圳网络警察报警平台</a></li>
            <li><img src="images/img001.jpg" alt="图片标题" /><a href="#">深圳网络警察报警平台</a></li>
        </ul>
    </div>
</div>
</body>
</html>

喜欢

0

阅读┊ 收藏 ┊ 喜欢▼ ┊打印┊举报/Report
后一篇：思念谁
  

新浪BLOG意见反馈留言板　欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

Copyright © 1996 - 2022 SINA Corporation, All Rights Reserved

新浪公司 版权所有