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&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>
<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&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>
相關文章
- 網頁設計有難題？12款網頁設計模板給你靈感！網頁
- 玩轉PHP動態網頁設計PHP網頁
- PHP動態網頁設計與網站架設pdfPHP網頁網站
- PHP設計模式之模板方法模式PHP設計模式
- Python+django網頁設計入門（15）：公用模板設計與使用PythonDjango網頁
- 網頁設計師 vs 網頁程式設計師網頁程式設計師
- ★網頁設計教案網頁
- 二摺頁宣傳冊設計模板平臺，如何編輯模板頁面內容
- PHP多程式程式設計（3）：多程式抓取網頁的演示PHP程式設計網頁
- 大學生川菜網頁製作教程 表格佈局網頁模板 學生HTML靜態水煮魚網頁設計作業成品 簡單網頁製作程式碼 學生美食網頁作品免費設計網頁HTML
- 20萬種網站模板和設計模板下載網站
- 網頁特效,網頁模板,pdf下載 - IT書包網頁特效
- Python+django網頁設計入門（17）：模板語法及應用PythonDjango網頁
- Python+django網頁設計入門（18）：自定義模板過濾器PythonDjango網頁過濾器
- 29個基於Bootstrap的HTML5響應式網頁設計模板bootHTML網頁
- 使用 rem 設計網頁REM網頁
- JavaScript網頁設計案例JavaScript網頁
- 免下載的詳情頁設計工具！海量設計模板直接用！
- 給網頁設計師的移動端網頁設計簡明指南網頁
- photoshop網頁設計教程網站網頁網站
- 快速完成網頁設計,10個頂尖響應式HTML5網頁模板助你一臂之力網頁HTML
- 設計模式毀了網頁設計嗎？設計模式網頁
- 25套用於Web UI設計的免費PSD網頁元素模板WebUI網頁
- 網頁設計內容網頁中關於圖片預覽的設計網頁
- 網站建設網頁設計小技巧分享網站網頁
- [譯] iPhone X 網頁設計iPhone網頁
- Java Script網頁設計案例Java網頁
- 什麼是網頁設計的"原子設計”？網頁
- 網頁設計未來趨勢：高清設計網頁
- 模板設計模式設計模式
- 新手做網頁設計？這9款經典網頁佈局設計瞭解下網頁
- 公司網站修改？網站主頁修改方案模板？網站
- 優秀網頁設計的10個設計技巧網頁
- 推薦7款超棒的單頁面網站設計模板。關鍵是！免費！！網站
- Java設計模式——模板設計模式Java設計模式
- EverWeb for Mac(網頁設計軟體)WebMac網頁
- 網頁設計需要學什麼？網頁
- 在網頁設計中如何排版網頁