<!DOCTYPE HTML>
<html lang="en">
<head>
<title>自适应性蓝色触屏版手机wap企业网站模板下载联系我们-【shenghuofuwu/qiye/】</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" type="text/css" href="css/style.css" media="screen" />
<!--[if lt IE 9]>
<script src="../../../../html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- JQuery -->
<script src="js/jquery.min.js"></script>
<!-- JQueryUI -->
<script src="js/jquery-ui-1.8.16.custom.min.js"></script>
<!-- Script Controls -->
<script src="js/site.js"></script>
<script type="text/javascript">
var messageDelay = 2000; // How long to display status messages (in milliseconds)
// Init the form once the document is ready
$( init );
// Initialize the form
function init() {
// Hide the form initially.
// Make submitForm() the form's submit handler.
// Position the form so it sits in the centre of the browser window.
$('#contactForm').submit( submitForm ).addClass( 'positioned' );
// When the "Send us an email" link is clicked:
// 1. Fade the content out
// 2. Display the form
// 3. Move focus to the first field
// 4. Prevent the link being followed
$('a[href="#contactForm"]').click( function() {
$('#content').fadeTo( 'slow', .2 );
$('#contactForm').fadeIn( 'slow', function() {
$('#senderName').focus();
} )
return false;
} );
// When the "Escape" key is pressed, close the form
$('#contactForm').keydown( function( event ) {
if ( event.which == 27 ) {
$('#contactForm').fadeOut();
$('#content').fadeTo( 'slow', 1 );
}
} );
}
// Submit the form via Ajax
function submitForm() {
var contactForm = $(this);
// Are all the fields filled in?
if ( !$('#senderName').val() || !$('#senderEmail').val() || !$('#message').val() ) {
// No; display a warning message and return to the form
$('#incompleteMessage').fadeIn().delay(messageDelay).fadeOut();
contactForm.fadeOut().delay(messageDelay).fadeIn();
} else {
// Yes; submit the form to the PHP script via Ajax
$('#sendingMessage').fadeIn();
$.ajax( {
url: contactForm.attr( 'action' ) + "@ajax=true",
type: contactForm.attr( 'method' ),
data: contactForm.serialize(),
success: submitFinished
} );
}
// Prevent the default form submission occurring
return false;
}
// Handle the Ajax response
function submitFinished( response ) {
response = $.trim( response );
$('#sendingMessage').fadeOut();
if ( response == "success" ) {
// Form submitted successfully:
// 1. Display the success message
// 2. Clear the form fields
// 3. Fade the content back in
$('#successMessage').fadeIn().delay(messageDelay).fadeOut();
$('#senderName').val( "" );
$('#senderEmail').val( "" );
$('#message').val( "" );
$('#content').delay(messageDelay+500).fadeTo( 'slow', 1 );
} else {
// Form submission failed: Display the failure message,
// then redisplay the form
$('#failureMessage').fadeIn().delay(messageDelay).fadeOut();
$('#contactForm').delay(messageDelay+500).fadeIn();
}
}
</script>
</head>
<body>
<div id="wrapper">
<!--Header Starts-->
<header>
<ul class="navigation">
<li><a href="index.html"><span class="nav_icon home"></span> Home</a></li>
<li class="dropdown"><a href="#"><span class="nav_icon about"></span> About</a>
<!--Submenu-->
<ul id="submenu">
<li> <a href="about.html">About Moby Elite</a></li>
<li> <a href="about.html">Technology</a></li>
<li> <a href="about.html">Support</a></li>
<li> <a href="about.html">Our Clients</a></li>
<li> <a href="index.html">Buy Moby Elite</a></li>
</ul>
<!--Submenu-->
</li>
<li><a href="blog.html"><span class="nav_icon blog"></span> Blog</a></li>
<li class="active"><a href="contact.html"><span class="nav_icon contact"></span> Contact</a></li>
<li class="nav_search"><a href="#"></a></li>
</ul>
<!--Search starts-->
<div id="search">
<form class="search" action="about.html">
<fieldset class=" ">
<input type="text" placeholder="search" class="text ">
<input type="submit" value="search" class="submit">
</fieldset>
</form>
</div>
<!--Search ends-->
<ul class="share">
<li class="twitter"><a href="#"></a></li>
<li class="facebook"><a href="#"></a></li>
<li class="rss"><a href="#"></a></li>
</ul>
<a href="#" title="Back to Home page" id="logo"><img alt="" src="images/logo.png" /></a> </header>
<!--Header Ends-->
<!--Section Starts-->
<section id="main">
<!--Block Starts-->
<div class="block_module paper_bh_white">
<h2>Get in touch</h2>
<img class="fl_left" alt="" src="images/map.jpg" />
<ul id="contact">
<li class="address"><strong>Moby - Europe</strong><br/>
1036 Budapest, Kolosy tér 2<br/>
Hungary</li>
<li class="telephone"><strong>+37 7 200 323 324 </strong></li>
<li class="website"><a href="#">www.demourl.com</a></li>
</ul>
</div>
<!--Block Ends-->
<!--Comments Starts-->
<div class="block_module comment_form">
<h2>Contact Form</h2>
<form id="contactForm" action="processForm.php" method="post">
<ul id="moby_form">
<li>
<input type="text" name="senderName" id="senderName" placeholder="Please type your name" required="required"/>
</li>
<li>
<input type="email" name="senderEmail" id="senderEmail" placeholder="Please type your email address" required="required" />
</li>
<li>
<textarea name="message" id="message" placeholder="Please type your message" required="required" cols="80" rows="10" maxlength="10000"></textarea>
</li>
<li>
<input type="submit" id="sendMessage" name="sendMessage" value="Send Email" />
</li>
</ul>
</form>
<div id="sendingMessage" class="statusMessage">
<p>Sending your message. Please wait...</p>
</div>
<div id="successMessage" class="statusMessage">
<p>Thanks for sending your message! We'll get back to you shortly.</p>
</div>
<div id="failureMessage" class="statusMessage">
<p>There was a problem sending your message. Please try again.</p>
</div>
<div id="incompleteMessage" class="statusMessage">
<p>Please complete all the fields in the form before sending.</p>
</div>
</div>
<!--Comments Ends-->
</section>
<!--Section Ends-->
<!--Footer Starts-->
<footer>
<ul class="footer_nav">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<span class="copyright">Copyright © 2012 Moby-elite. All Rights Reserved.</span> </footer>
<!--Footer Ends-->
</div>
</body>
</html>
基于HTML实现的自适应性蓝色触屏版手机wap企业网站模板(css+html+js+图样).zip （69个子文件） 
(FZY307)自适应性蓝色触屏版手机wap企业网站模板 
blog_post.html 6KB js 
jquery-ui-1.8.16.custom.min.js 206KB jquery.flexslider.js 27KB slider.js 4KB jquery.min.js 89KB site.js 558B css style.css 15KB flexslider.css 3KB theme 
bg_direction_nav.png 2KB bg_control_nav.png 4KB index.html 5KB contact.html 7KB about.html 6KB images telephone.png 777B website.png 267B
moby_banner.jpg 131KB nav_bg.png 2KB slide2.jpg 119KB search_d.png 4KB donut.png 18KB btn_grey_big.png 1019B logo.png 8KB nav_icons.png 10KB user_paul.jpg 15KB paper_bh_white.png 3KB tape.png 6KB map.jpg 65KB nav_item_default.png 147B slide1.jpg 140KB app.png 3KB twitter.png 1KB slide4.jpg 146KB slide3.jpg 97KB facebook.png 848B location.png 674B bg_pat_1.png 880B blog_post_image.jpg 30KB nav_item_active.png 3KB accordion_arw.png 3KB rss.png 1KB like.png 3KB ac_default.png 3KB user_admin.jpg 14KB ac_active.png 3KB lines.png 3KB btn_grey_sml.png 1KB submit.png 3KB comment.png 3KB blog.html 7KB fonts mgopenmodataoblique-webfont.eot@ 34KB mgopenmodataregular-webfont.ttf 30KB mgopenmodataboldoblique-webfont.ttf 34KB mgopenmodataboldoblique-webfont.eot 35KB mgopenmodataregular-webfont.eot@ 30KB mgopenmodatabold-webfont.eot@ 32KB mgopenmodatabold-webfont.woff 21KB mgopenmodatabold-webfont.eot 32KB
mgopenmodatabold-webfont.svg 70KB mgopenmodataoblique-webfont.svg 63KB mgopenmodataboldoblique-webfont.svg 71KB mgopenmodataregular-webfont.eot 30KB mgopenmodataoblique-webfont.woff 22KB mgopenmodataboldoblique-webfont.woff 23KB mgopenmodataregular-webfont.svg 57KB mgopenmodataoblique-webfont.ttf 34KB mgopenmodataoblique-webfont.eot 34KB mgopenmodataregular-webfont.woff 20KB mgopenmodataboldoblique-webfont.eot@ 35KB mgopenmodatabold-webfont.ttf 32KB资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
最新资源
- 期末大作业基于Qt开发的植物大战僵尸游戏源码+文档说明
- 24人工智能一班——2421350002——刘念欣——第二次作业.zip
- 技术资料分享mp1482非常好的技术资料.zip
- 技术资料分享MAX811T非常好的技术资料.zip
- 技术资料分享KXTE9-2050 Specifications Rev 3非常好的技术资料.zip
- 技术资料分享K9F2G08非常好的技术资料.zip
- 技术资料分享K4T1G164QE非常好的技术资料.zip
- 技术资料分享HLY070ML226-12A非常好的技术资料.zip
- 技术资料分享FT5x06-1005-DataSheet非常好的技术资料.zip
- 技术资料分享FORESEE 4GB eMMC Spec A4-120210非常好的技术资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
