源码动态 源码评测 源码技巧 网站运营 网页制作 网站开发 安全相关 软件教程 IDC资讯 业界消息
高级搜索
关键字:Discuz!  Axure  团购系统
最新更新发布资源提建议收藏本站
当前位置:A5下载 > 资讯报道 > 网页制作 > 精美漂亮网站引导页模板源码

精美漂亮网站引导页模板源码

作者:yezheng来源:a5源码浏览:时间:2015-10-19 15:52我要评论
这篇文章主要介绍了精美漂亮网站引导页模板源码,可实现精美漂亮网站引导页模板源码功能,非常简单实用,需要的朋友可以参考下

本文实例讲述了精美漂亮网站引导页模板效果代码。分享给大家供大家参考。

效果图:

精美漂亮网站引导页模板源码

具体代码如下:

<!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>一米阳光站长资源站</title>

<meta name="keywords" content="一米阳光站长资源站">

<meta name="description" content="一米阳光站长资源站">

<script type="text/javascript" language="javascript" src="img/jquery-1.js"></script>

<link rel="stylesheet" href="img/temp.css" type="text/css">

<script type="text/javascript" src="img/jquery.js"></script>

<script type="text/javascript" language="javascript">

$(function(){

$('#taobao_ico').poshytip();

$('#hotel_ico').poshytip();

$('#travel_ico').poshytip();

$('#youxia_ico').poshytip();

});

function _load(){

var _bodyHeight =parseInt(document.documentElement.clientHeight);

var _height = parseInt(document.getElementById("footer").offsetHeight);

var _centerHeight = parseInt(document.getElementById("center").offsetHeight);

var _contentHeight = _bodyHeight - _centerHeight;

if(_contentHeight>_height){

document.getElementById('footer').style.height=_contentHeight-27+'px';

}

}

$(window).resize(function(){

_load();

});

</script>

<style id="poshytip-css-tip-yellow" type="text/css">div.tip-yellow{visibility:hidden;position:absolute;top:0;left:0;}div.tip-yellow table, div.tip-yellow td{margin:0;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;font-variant:inherit;}div.tip-yellow td.tip-bg-image span{display:block;font:1px/1px sans-serif;height:10px;width:10px;overflow:hidden;}div.tip-yellow td.tip-right{background-position:100% 0;}div.tip-yellow td.tip-bottom{background-position:100% 100%;}div.tip-yellow td.tip-left{background-position:0 100%;}div.tip-yellow div.tip-inner{background-position:-10px -10px;}div.tip-yellow div.tip-arrow{visibility:hidden;position:absolute;overflow:hidden;font:1px/1px sans-serif;}

body{FONT-FAMILY:"Microsoft Yahei","verdana", "Arial","宋体";font-size: 16px; }

</style></head>

<body onload="_load()">

<div id="center">

<div class="ico">

<label>

<a href="http://www.520ym.net"><img id="taobao_ico" src="img/ptb.jpg" width="130" height="60"></a>

<a href="http://www.520ym.net">点此进入</a>

</label>

<label><a href="http://www.520ym.net"><img id="hotel_ico" src="img/vip.jpg" width="130" height="60"></a>

<a href="http://www.520ym.net">点此进入</a>

</label>

<label>

<a href="http://www.520ym.net"><img id="travel_ico" src="img/zgb.jpg" width="130" height="60"></a>

<a href="http://www.520ym.net">点此进入</a>

</label>

</div>

<div class="quckLink">温馨提示:

<a style="font-size:16px; font-weight:bold;">一米阳光站长资源站,源码下载,各类站长资源,欢迎访问!</a>

</div>

</div>

<div style="height: 117px;" id="footer">

<p><a href="http://www.520ym.net/">返回首页</a><span>|</span> <a href="#">咨询电话</a></p>

<p>Copyright © 2015, 一米阳光站长资源站. <br><br>

</p>

</div>

</body></html>

相关文章
网友对“精美漂亮网站引导页模板源码”的评论
资讯分类
本类热门资讯
  • 源码推荐
  • 软件推荐
关于我们联系我们发布资源广告服务合作伙伴网站地图版权声明与我们对话