返回列表 发帖

滑动门技术

<!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=gb2312" />
<title>Semiall.com</title>
<link href="http://www.semiall.com/template/semiall_v2img/public.css" rel="stylesheet" type="text/css" />
<link href="http://www.semiall.com/template/semiall_v2img/index.css" rel="stylesheet" type="text/css" />
</head>
<script language="javascript" type="text/javascript">
<!--
function changeMc(x,y){
// x是当前显示的层 y是即将显示的层
document.getElementById(x).style.display = "none"
document.getElementById(y).style.display = "block"
}
-->
</script>
<body>
<div id="index_search">
    <div id="index_search_1">
      <div id="index_search_2">
   <!--search start-->
   <div id="search_card1" style="display:block">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card1','search_card1')" class="search_btn_0">供求</div>
  <div onmouseover="javascript:changeMc('search_card1','search_card2')" class="search_btn_3">新闻</div>
  <div onmouseover="javascript:changeMc('search_card1','search_card3')" class="search_btn_3">黄页</div>
  <div onmouseover="javascript:changeMc('search_card1','search_card4')" class="search_btn_3">产品</div>
  <div onmouseover="javascript:changeMc('search_card1','search_card5')" class="search_btn_3">论坛</div>
  <div onmouseover="javascript:changeMc('search_card1','search_card6')" class="search_btn_3">互联网</div>
  </div>
        <div class="index_search_bottom">1</div>
   </div>
   <!--search end-->
   <!--search 2start-->
   <div id="search_card2" style="display:none">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card2','search_card1')" class="search_btn_1">供求</div>
  <div class="search_btn_2">新闻</div>
  <div onmouseover="javascript:changeMc('search_card2','search_card3')" class="search_btn_3">黄页</div>
  <div onmouseover="javascript:changeMc('search_card2','search_card4')" class="search_btn_3">产品</div>
  <div onmouseover="javascript:changeMc('search_card2','search_card5')" class="search_btn_3">论坛</div>
  <div onmouseover="javascript:changeMc('search_card2','search_card6')" class="search_btn_3">互联网</div>
  </div>
        <div class="index_search_bottom">2</div>
   </div>
   <!--search end-->
   <!--search3 start-->
   <div id="search_card3" style="display:none">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card3','search_card1')" class="search_btn_1">供求</div>
  <div onmouseover="javascript:changeMc('search_card3','search_card2')" class="search_btn_3">新闻</div>
  <div class="search_btn_2">黄页</div>
  <div onmouseover="javascript:changeMc('search_card3','search_card4')" class="search_btn_3">产品</div>
  <div onmouseover="javascript:changeMc('search_card3','search_card5')" class="search_btn_3">论坛</div>
  <div onmouseover="javascript:changeMc('search_card3','search_card6')" class="search_btn_3">互联网</div>
  </div>
        <div class="index_search_bottom">3</div>
   </div>
   <!--search end-->
   <!--search4 start-->
   <div id="search_card4" style="display:none">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card4','search_card1')" class="search_btn_1">供求</div>
  <div onmouseover="javascript:changeMc('search_card4','search_card2')" class="search_btn_3">新闻</div>
  <div onmouseover="javascript:changeMc('search_card4','search_card3')" class="search_btn_3">黄页</div>
  <div class="search_btn_2">产品</div>
  <div onmouseover="javascript:changeMc('search_card4','search_card5')" class="search_btn_3">论坛</div>
  <div onmouseover="javascript:changeMc('search_card4','search_card6')" class="search_btn_3">互联网</div>
  </div>
        <div class="index_search_bottom">4</div>
   </div>
   <!--search end-->
   <!--search5 start-->
   <div id="search_card5" style="display:none">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card5','search_card1')" class="search_btn_1">供求</div>
  <div onmouseover="javascript:changeMc('search_card5','search_card2')" class="search_btn_3">新闻</div>
  <div onmouseover="javascript:changeMc('search_card5','search_card3')" class="search_btn_3">黄页</div>
  <div onmouseover="javascript:changeMc('search_card5','search_card4')" class="search_btn_3">产品</div>
  <div class="search_btn_2">论坛</div>
  <div onmouseover="javascript:changeMc('search_card5','search_card6')" class="search_btn_3">互联网</div>
  </div>
        <div class="index_search_bottom">5</div>
   </div>
   <!--search end-->
   <!--search6 start-->
   <div id="search_card6" style="display:none">
        <div class="index_search_top">
  <div onmouseover="javascript:changeMc('search_card6','search_card1')" class="search_btn_1">供求</div>
  <div onmouseover="javascript:changeMc('search_card6','search_card2')" class="search_btn_3">新闻</div>
  <div onmouseover="javascript:changeMc('search_card6','search_card3')" class="search_btn_3">黄页</div>
  <div onmouseover="javascript:changeMc('search_card6','search_card4')" class="search_btn_3">产品</div>
  <div onmouseover="javascript:changeMc('search_card6','search_card5')" class="search_btn_3">论坛</div>
  <div class="search_btn_2">互联网</div>
  </div>
        <div class="index_search_bottom">6</div>
   </div>
   <!--search end-->
      </div>
    </div>
  </div>
<div id="index_yp">
  <!--yp1 start-->
    <div id="yp_card1" style="display:block">   
      <div class="index_yp_card">
        <div class="yp_card_0">推荐</div>
        <div onmouseover="javascript:changeMc('yp_card1','yp_card2')" class="yp_card_3">生产</div>
        <div onmouseover="javascript:changeMc('yp_card1','yp_card3')" class="yp_card_3">贸易</div>
        <div onmouseover="javascript:changeMc('yp_card1','yp_card4')" class="yp_card_3">服务</div>
        <div onmouseover="javascript:changeMc('yp_card1','yp_card5')" class="yp_card_5">综合</div>
      </div>
      <div class="index_yp_main">
        <div class="yp_main_content">
          <dt class="color_a_company"><a href="#">上海安平静电技术合作公司</a></dt>
          <dd class="color_a_666"><a href="#">贸易型</a> | 注册资金50万 | <span class="color_red">认证<img src="http://www.semiall.com/template/semiall_v2img/yp_yeschecked.png" width="12" height="13" align="absmiddle"/></span></dd>
        </div>
        <div class="yp_main_content">
          <dt class="color_a_company"><a href="#">上海安平静电技术合作公司</a></dt>
          <dd class="color_a_666"><a href="#">贸易型</a> | 注册资金50万 | <span class="color_red">认证<img src="http://www.semiall.com/template/semiall_v2img/yp_yeschecked.png" width="12" height="13" align="absmiddle"/></span></dd>
        </div>
        <div class="yp_main_content">
          <dt class="color_a_company"><a href="#">上海安平静电技术合作公司</a></dt>
          <dd class="color_a_666"><a href="#">贸易型</a> | 注册资金50万 | <span class="color_red">认证<img src="http://www.semiall.com/template/semiall_v2img/yp_yeschecked.png" width="12" height="13" align="absmiddle"/></span></dd>
        </div>
        <div class="yp_main_content">
          <dt class="color_a_company"><a href="#">上海安平静电技术合作公司</a></dt>
          <dd class="color_a_666"><a href="#">贸易型</a> | 注册资金50万 | <span class="color_red">认证<img src="http://www.semiall.com/template/semiall_v2img/yp_yeschecked.png" width="12" height="13" align="absmiddle"/></span></dd>
        </div>
        <div class="yp_main_content">
          <dt class="color_a_company"><a href="#">上海安平静电技术合作公司</a></dt>
          <dd class="color_a_666"><a href="#">贸易型</a> | 注册资金50万 | <span class="color_red">认证<img src="http://www.semiall.com/template/semiall_v2img/yp_yeschecked.png" width="12" height="13" align="absmiddle"/></span></dd>
        </div>
<div class="yp_main_list">Tips: 企业登陆 如何认证 我要推荐</div>
      </div>
    </div>
  <!--end-->
  <!--yp2 start-->
    <div id="yp_card2" style="display:none">   
      <div class="index_yp_card">
        <div onmouseover="javascript:changeMc('yp_card2','yp_card1')" class="yp_card_1">推荐</div>
        <div class="yp_card_2">生产</div>
        <div onmouseover="javascript:changeMc('yp_card2','yp_card3')" class="yp_card_3">贸易</div>
        <div onmouseover="javascript:changeMc('yp_card2','yp_card4')" class="yp_card_3">服务</div>
        <div onmouseover="javascript:changeMc('yp_card2','yp_card5')" class="yp_card_5">综合</div>
      </div>
      <div class="index_yp_main">生产</div>
    </div>
  <!--end-->
  <!--yp3 start-->
    <div id="yp_card3" style="display:none">   
      <div class="index_yp_card">
        <div onmouseover="javascript:changeMc('yp_card3','yp_card1')" class="yp_card_1">推荐</div>
        <div onmouseover="javascript:changeMc('yp_card3','yp_card2')"class="yp_card_6">生产</div>
        <div class="yp_card_2">贸易</div>
        <div onmouseover="javascript:changeMc('yp_card3','yp_card4')" class="yp_card_3">服务</div>
        <div onmouseover="javascript:changeMc('yp_card3','yp_card5')" class="yp_card_5">综合</div>
      </div>
      <div class="index_yp_main">贸易</div>
    </div>
  <!--end-->
  <!--yp4 start-->
    <div id="yp_card4" style="display:none">   
      <div class="index_yp_card">
        <div onmouseover="javascript:changeMc('yp_card4','yp_card1')" class="yp_card_1">推荐</div>
        <div onmouseover="javascript:changeMc('yp_card4','yp_card4')" class="yp_card_6">生产</div>
        <div onmouseover="javascript:changeMc('yp_card4','yp_card3')" class="yp_card_6">贸易</div>
        <div class="yp_card_2">服务</div>
        <div onmouseover="javascript:changeMc('yp_card4','yp_card5')" class="yp_card_5">综合</div>
      </div>
      <div class="index_yp_main">服务</div>
    </div>
  <!--end-->
  <!--yp5 start-->
    <div id="yp_card5" style="display:none">   
      <div class="index_yp_card">
        <div onmouseover="javascript:changeMc('yp_card5','yp_card1')" class="yp_card_1">推荐</div>
        <div onmouseover="javascript:changeMc('yp_card5','yp_card2')" class="yp_card_6">生产</div>
        <div onmouseover="javascript:changeMc('yp_card5','yp_card3')" class="yp_card_6">贸易</div>
        <div onmouseover="javascript:changeMc('yp_card5','yp_card4')" class="yp_card_6">服务</div>
        <div class="yp_card_4">综合</div>
      </div>
      <div class="index_yp_main">综合</div>
    </div>
  <!--end-->
  </div>
</body>
</html>
www.yiitoo.com  www.moiii.cn  www.worldlong.cn

回复:滑动门技术

不错哈,小东东弄完应该满不错的。可以里面放些新的新闻和图片什么的。

TOP

请用附件形式上传,提供下载,这么多乱代码看不清。

TOP

返回列表