php网页模板设计

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<meta name="author" content="order by dede58.com" />
<link rel="stylesheet" href="/skin/css/new.css"/>
<script type="text/javascript" src="/skin/js/jquery-1.9.1.min.js"></script>
<link rel="stylesheet" href="/skin/css/all.css"/>
<link rel="stylesheet" href="/skin/css/lrtk.css">
</head>
<body>
{dede:include filename="head.htm"/} 

<!—block body—>
<div id="main">
  <div id="banner_lb">
    <div class="slide_container">
      <ul class="rslides" id="slider">
{dede:myppt typeid=’1′ row=’3′}
        <li> <a href="[field:url/]" title="" style="background: url([field:pic/]) no-repeat center; display: block;width: 100%;height: 551px; "></a> 
          <!–<p class="caption">标题1</p>–> 
        </li>
       {/dede:myppt}
     
      </ul>
    </div>     
    <div id="daohang">
      <div id="menulist" class="navlist"> 
        <!–<div class="zhezhao"></div>–>
        <ul>
          <li>
            <div><a class="a-2 dh-a2" href="/" style="font-weight:bold;">首页</a></div>
          </li>
          {dede:channelartlist typeid=’top’}
          <li>
            <div> <a class="dh-a2" href="{dede:field name=’typeurl’/}" style="font-weight:bold;">{dede:field name=’typename’/}</a> </div>
            <div class="expdiv-list"> 
              <!–<div class="zhezhao"></div>–> 
              {dede:channel type=’son’ noself=’yes’} <a href="[field:typeurl/]">[field:typename/]</a> {/dede:channel} </div>
          </li>
          {/dede:channelartlist}
        </ul>
      </div>
    </div>
  </div>
  
  <!–轮播图结束–>
  <div id="content">
    <div id="content_1" class="content_1">
      <div id="content_1_top" class="content_1_top" >
        <ul>
          <li class="li_1" style="font-weight:bold;">公司新闻</li>
          <li style="font-weight:bold;">行业新闻</li>
        </ul>
      </div>
      <div id="content_1_down" class="content_1_down">
        <div class="mod" style="display:block">
          <ul>
            <div class="content_1_down_a"> <img style="margin: 14px 0;" src="skin/images/thumb_135_82_20151019105216307.jpg" alt="">
              <div style="width: 190px;float: right;">
                <p class="p1"><a href="/aboutwhfea/company/">公司简介</a></p>
                <p class="p2">武汉有限元是一家为国内企业提供优化、仿真、设计等项目的解决方案的高科技公司…<a href="/aboutwhfea/company/">[详情]</a></p>
              </div>
             </div>
            <div class="content_1_down_b">
              <div class="article"> {dede:arclist typeid=’13’ row=’3′ titlelen=’50’ }
                <p>> <a href="[field:arcurl/]">[field:title/]</a></p>
                {/dede:arclist} </div>
            </div>
          </ul>
        </div>
        <div class="mod" style="display:block">
          <ul>
            <div class="content_1_down_a"> {dede:arclist typeid=’52’ row=’1′ titlelen=’30’ flag=’c’ infolen=’60’} <img style="margin: 14px 0;" src="skin/images/thumb_135_82_20151019105216307.jpg" alt="">
              <div style="width: 190px;float: right;">
                <p class="p1"><a href="[field:arcurl/]">[field:title/]</a></p>
                <p class="p2">[field:info/]…<a href="[field:arcurl/]">[详情]</a></p>
              </div>
              {/dede:arclist} </div>
            <div class="content_1_down_b">
              <div class="article"> {dede:arclist typeid=’52’ row=’3′ titlelen=’50’ }
                <p>> <a href="[field:arcurl/]">[field:title/]</a></p>
                {/dede:arclist} </div>
            </div>
          </ul>
        </div>
      </div>
    </div>
    <!–content_1结束–>
  <div id="content_2">
      <div class="content_2-top">
        <p style="font-weight:bold;">客户案例/Customer Cases</p>
      </div>
      <div class="frame2" id="centered">
        <ul>
          {dede:type typeid=’30’}
          <li  style="margin-left: 0px"  > <a href="[field:typelink/]"> <img src="/skin/images/20151030051507755.jpg" alt=""/>
            <p class="sly-lip1">[field:typename/]</p>
            </a> </li>
          {/dede:type} 
          {dede:type typeid=’36’}
          <li  > <a href="[field:typelink/]"> <img src="/skin/images/20151030051550398.jpg" alt=""/>
            <p class="sly-lip1">[field:typename/]</p>
            </a> </li>
          {/dede:type} 
          {dede:type typeid=’37’}
          <li  > <a href="[field:typelink/]"> <img src="/skin/images/20151030051623509.jpg" alt=""/>
            <p class="sly-lip1">[field:typename/]</p>
            </a> </li>
          {/dede:type}
        </ul>
        <div class="sly-anniu"> 
          <!–<a href="javascript:;" class="banner_btn_left end anniu" onclick="dj(this)"> < </a>–> 
          <!–<a href="javascript:;" class="banner_btn_right starting anniu2" onclick="dj(this)"> > </a>–> 
        </div>
      </div>
    </div>
    <!–content_2结束–>
    <div id="content_3"> {dede:type typeid=’31’} <a href="[field:typelink/]">
      <div class="content_3_1">
        <div class="content_3_1_left c1"> 
          <!–<img class="img-1" src="/skin/images/1-1.png" alt=""/>–>
          <div>
            <p class="content_3_1_p1">[field:typename/]</p>
            <p class="content_3_1_p2">SYSTEMS ENGINEERING</p>
          </div>
        </div>
        <!–<div class="content_3_1_right"></div>–> 
      </div>
      </a> {/dede:type}   
      {dede:type typeid=’43’} <a href="[field:typelink/]">
      <div class="content_3_1">
        <div class="content_3_1_left c2"> 
          <!–<img class="img-2" src="/skin/images/2.png" alt=""/>–>
          <div>
            <p class="content_3_1_p1">[field:typename/]</p>
            <p class="content_3_1_p2">CAE Blog Communication</p>
          </div>
        </div>
        <!–<div class="content_3_1_right"></div>–> 
      </div>
      </a> {/dede:type}
      
      {dede:type typeid=’17’} <a href="[field:typelink/]">
      <div class="content_3_1">
        <div class="content_3_1_left c3"> 
          <!–<img class="img-3" src="/skin/images/3.png" alt=""/>–>
          <div>
            <p class="content_3_1_p1">[field:typename/]</p>
            <p class="content_3_1_p2">VIDEO CENTER</p>
          </div>
        </div>
        <!–<div class="content_3_1_right"></div>–> 
      </div>
      </a> {/dede:type}
      {dede:type typeid=’68’} <a href="[field:typelink/]">
      <div class="content_3_1">
        <div class="content_3_1_left c4"> 
          <!–<img class="img-4" src="/skin/images/4.png" alt=""/>–>
          <div>
            <p class="content_3_1_p1">[field:typename/]</p>
            <p class="content_3_1_p2">INVESTMENT SERVICE</p>
          </div>
        </div>
        <!–<div class="content_3_1_right"></div>–> 
      </div>
      </a> {/dede:type}</div>
    <!–content_3结束–> 
  </div>
</div>
<!–main结束–> 
<!–客服 begin–>
       <div class="PF_R" id="PF" style="">
        <div class="M00">
            <img src="images/KF_00.gif" onclick="displayad();" style="cursor: pointer;" /></div>
        <div class="divline_10">
        </div>
        <div class="M00">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="58" align="center">
                        <img src="images/KF_02.gif" width="38" height="38" />
                    </td>
                    <td>
                        <div class="z_14_">
                            QQ咨询</div>
                        <div class="z_12 zL">
                            <a href="tencent://message/?uin=1536878723&amp;Menu=yes">立即咨询 ></a></div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="divline_10">
        </div>
        <div class="M00">
            <img src="images/KF_0.gif" /></div>
        <div class="divline_10">
        </div>
    </div>
    
<!–客服 end–>
<!—block body end—> 

<!—block script—>
<style type="text/css">
        .content_3 a{
            display: block;
        }
.PF_R{ width:147px; height:auto; background-color:#efefef; position:absolute; right:0; top:20%; overflow:hidden;}
.divline_10{ height:10px; line-height:10px; width:auto; overflow:hidden; clear:both;}
.M00{ width:auto; height:auto; overflow:hidden;}
.z_14_{ font-size:14px;}
.z_12{ font-size:12px;}
/*蓝色字*/
.zL{ color:#00469c;}
.zL a{ color:#00469c;}
.zL a:visited{ color:#00469c;}
.zL a:hover{ color:#F00;}
    </style>
<link rel="stylesheet" href="/skin/css/index.css"/>
<link href="/skin/css/zzsc.css" rel="stylesheet" >
<link href="/skin/css/sly.css" rel="stylesheet" >
<script type="text/javascript" src="/skin/js/jquery.caroufredsel-6.0.4-packed.js" ></script> 
<script type="text/javascript" src="/skin/js/focus.js" ></script>
<link rel="stylesheet" href="/skin/css/tab.css"/>
<script type="text/javascript" src="/skin/js/tab.js"></script> 
<script src="/skin/js/responsiveslides.min.js"></script> 
<script src="/skin/js/slide.js"></script> 
<script type="text/javascript" src="/skin/js/sly.min.js"></script> 
<script type="text/javascript" src="/skin/js/plugins.js"></script> 
    <script type="text/javascript">
        $(document).ready(function () {

            //            $(".PF_L").floatadv(); 
            $(".PF_R").floatadv();

        });

        jQuery.fn.floatadv = function (loaded) {
            var obj = this;
            body_height = parseInt($(window).height());
            block_height = parseInt(obj.height());

            top_position = parseInt((body_height / 2) – (block_height / 2) + $(window).scrollTop());
            if (body_height < block_height) { top_position = 0 + $(window).scrollTop(); };

            if (!loaded) {
                obj.css({ ‘position’: ‘absolute’ });
                obj.css({ ‘top’: top_position });
                $(window).bind(‘resize’, function () {
                    obj.floatadv(!loaded);
                });
                $(window).bind(‘scroll’, function () {
                    obj.floatadv(!loaded);
                });
            } else {
                obj.stop();
                obj.css({ ‘position’: ‘absolute’ });
                obj.animate({ ‘top’: top_position }, 400, ‘linear’);
            }
        }
        //        function closead() {
        //            $(".PF_L").css({ ‘display’: ‘none’ });
        //        }
        function displayad() {
            $("#PF").css({ ‘display’: ‘none’ });
            $("#PF_R").css({ ‘display’: ” });
        }
        function openad() {
            $("#PF_R").css({ ‘display’: ‘none’ });
            $("#PF").css({ ‘display’: ” });
        } 
    </script>

<script>
        $(function(){
            $(‘#centere’).sly({
                horizontal: 1,
                itemNav: ‘basic’,
                smart: 1,
                activateOn: ‘click’,
                mouseDragging: 1,
                touchDragging: 1,
                releaseSwing: 1,
                startAt: 0,
                scrollBy: 1,
                scrollBar: $(‘.scrollbar’),
                pagesBar: $(‘.pages’),
                activatePageOn: ‘click’,
                speed: 300,
                elasticBounds: 1,
                easing: ‘easeOutExpo’,
                dragHandle: 1,
                dynamicHandle: 1,
                clickBar: 1,

                prevPage: $(‘.frame2 .anniu’),
                nextPage: $(‘.frame2 .anniu2’)
            });
        });
    </script> 

<!—block script end—> 
{dede:include filename="footer.htm"/} 
<!–footer结束–>
</body>
</html>

IT文库 » php网页模板设计
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址