实例介绍
【实例简介】支持IE7/8/9以及更高版本
【实例截图】
【核心代码】
<!DOCTYPE HTML>
<html>
<head>
<title>9秒闪投——专注微小创业团队的天使基金</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<!--<link href="Css/e2bda418f7c04aa0b655e8bc1712bb3d.css" rel="stylesheet" />-->
<script src="Scripts/jquery.min.js"></script>
<script src="Scripts/config.js"></script>
<script src="Scripts/skel.min.js"></script>
<noscript>
<link rel="stylesheet" href="Css/skel-noscript.css" />
<link rel="stylesheet" href="Css/style.css" />
<link rel="stylesheet" href="Css/style-desktop.css" />
</noscript>
<!--[if lte IE 9]><link rel="stylesheet" href="Css/ie9.css" /><![endif]-->
<!--[if lte IE 8]><script src="Scripts/html5shiv.js"></script><link rel="stylesheet" href="Css/ie8.css" />
<![endif]-->
<!--[if lte IE 7]><link rel="stylesheet" href="Css/ie7.css" /><![endif]-->
<script type="text/javascript">
var judge=1;
hosturl= ""
function submitInfo(){
realname_item = window.document.getElementById('realname');
phone_item = window.document.getElementById('phone');
qq_item = window.document.getElementById('qq');
other_item = window.document.getElementById('other');
city_item = window.document.getElementById('city');
team_member_item = window.document.getElementById('team_member');
product_type_item = window.document.getElementById('product_type');
years_item = window.document.getElementById('years');
funds_item = window.document.getElementById('funds');
share_item = window.document.getElementById('share');
description_item = window.document.getElementById('description');
url=hosturl "/signup?realname=" realname_item.value "&phone=" phone_item.value
"&qq=" qq_item.value
"&other=" other_item.value
"&city=" city_item.value
"&phone=" phone_item.value
"&team_member=" team_member_item.value
"&product_type=" product_type_item.value
"&years=" years_item.value
"&funds=" funds_item.value
"&share=" share_item.value
"&description=" description_item.value;
if(judge){
if(realname_item.value=="" || phone_item.value=="" || city_item.value=="" || product_type_item.value==""){
alert("带*的为必填项！")
}else{
$.get(url, function(response){
data = eval('(' response ')');
alert(data['message']);
if(!data['result']){return;}
realname_item.value = "";
phone_item.value = "";
qq_item.value="";
other_item.value="";
city_item.value = "";
team_member_item.value = "";
product_type_item.value = "";
years_item.value = "";
funds_item.value = "";
share_item.value = "";
description_item.value = "";
});
};
}else{
alert("您已提交申请，不能重复提交！");
};
}
</script>
</head>
<body>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="#top">开头</a></li>
<li><a href="#work">然后</a></li>
<li><a href="#portfolio">后来</a></li>
<li><a href="#contact">最后</a></li>
</ul>
</nav>
<!-- Home -->
<div class="wrapper wrapper-style1 wrapper-first">
<article class="container" id="top">
<div class="row">
<div class="4u">
<span class="me image image-full"><img src="Picture/me.jpg" alt="" /></span>
</div>
<div class="8u">
<header>
<h1><strong>专注移动互联网的创投基金</strong></h1>
</header>
<p>如果你是<strong>草根创业者</strong>，你只有几个人，你想做最酷的移动应用或手游，我们不在乎你的身份、学历与背景，我们愿意帮助你！</p>
<a href="#work" class="button button-big">能提供哪些帮助？</a>
</div>
</div>
</article>
</div>
<!-- Work -->
<div class="wrapper wrapper-style2">
<article id="work">
<header>
<h2>9秒闪投，除了资金以外……</h2>
<span>我们将在以下方面给予团队独有帮助：</span>
</header>
<div class="container">
<div class="row">
<div class="4u">
<section class="box box-style1">
<img src="Picture/1.jpg" alt="" /></img>
<h3>技术支持</h3>
<p>我们拥有丰富游戏、应用开发经验，如有技术求助，可安排人员介入开发。</p>
</section>
</div>
<div class="4u">
<section class="box box-style1">
<img src="Picture/2.jpg" alt="" /></img>
<h3>人才推荐</h3>
<p>9miao.com有２９万移动开发者，如有人才需求，可直接全力进行招聘推进。</p>
</section>
</div>
<div class="4u">
<section class="box box-style1">
<img src="Picture/3.jpg" alt="" /></img>
<h3>全球发行渠道</h3>
<p>基金直接拥有A类发行渠道商资源，如有发行需求，可直接进行约谈。</p>
</section>
</div>
</div>
</div>
<footer>
<p>不控股，不添乱，我们懂游戏、懂应用，更懂研发！</p>
<a href="#portfolio" class="button button-big">有什么规则？</a>
</footer>
</article>
</div>
<!-- Portfolio -->
<div class="wrapper wrapper-style3">
<article id="portfolio">
<header>
<h2>规则条件如下：</h2>
<span>9秒社团成员所创建或参与创建的小、微团队可随时申请；</span><br/>
<span>项目提交成功，信息完整真实，我们将安排专人电话回复；</span><br/>
<span>合作一旦确定，资金迅速到账；</span><br/>
<span>我们秉承参股不控股，原则上单项目投资金额不超过300万元人民币。</span><br/>
</header>
<footer>
<a href="#contact" class="button button-big">我要提交项目</a>
</footer>
</article>
</div>
<!-- Contact -->
<div class="wrapper wrapper-style4">
<article id="contact">
<header>
<h2>快速简单的，提交申请</h2>
<span>秉承9秒闪投快速、简单的原则，建议您3分钟内完成项目的申请提交。</span>
</header>
<div>
<div class="row">
<div class="12u">
<form method="post" action="#">
<div>
<div class="row half">
<div class="6u">
<input type="text" name="name" id="realname" placeholder="*联系人姓名" />
</div>
<div class="6u">
<input type="text" name="email" id="phone" placeholder="*联系人电话" />
</div>
<div class="6u">
<input type="text" name="qq" id="qq" placeholder="QQ号码" />
</div>
<div class="6u">
<input type="text" name="other" id="other" placeholder="其他联系方式" />
</div>
<div class="6u">
<input type="text" name="city" id="city" placeholder="*团队所在城市" />
</div>
<div class="6u">
<input type="text" name="team_member" id="team_member" placeholder="团队人数" />
</div>
<div class="6u">
<input type="text" name="product_type" id="product_type" placeholder="*产品类型" />
</div>
<div class="6u">
<input type="text" name="years" id="years" placeholder="加入9秒年限" />
</div>
<div class="6u">
<input type="text" name="funds" id="funds" placeholder="期望金额" />
</div>
<div class="6u">
<input type="text" name="share" id="share" placeholder="出让股份" />
</div>
<div class="12u">
<input type="text" name="description" id="description" placeholder="一句话描述项目（限30字内，详情面谈）。" />
</div>
</div>
<div class="row half">
<footer>
<a href="#contact" class="button button-big" onclick="submitInfo()">提交申请</a>
</footer>
<span>联系人：俊杰</span><br/>
<span>联系QQ：79428620</span><br/>
<span>联系电话：18601350676</span><br/>
</div>
</div>
</form>
</div>
</div>
<div class="row row-special">
<span id="copyright">
© Copyright © 2013.Company <a target="_blank" href="http://www.9miao.com">9秒社团</a> All rights reserved.
</span>
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" _bdhmProtocol "hm.baidu.com/h.js%3Fe22a4ee5228d29b7491e6e9c3ac380f2' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
</div>
</article>
</div>
</body>
</html>
好例子网口号：伸出你的我的手 — 分享！
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论