zoukankan      html  css  js  c++  java
  • Default on textbox

      <input id="email" name="email" value="Email address" type="text" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" />
        <input name="validation" type="hidden" value="" />

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="Content-Language" content="en-us" />
        <link rel="stylesheet" type="text/css" href="css/reset.css" />
        <link rel="stylesheet" type="text/css" href="css/corpus_style.css" />
        <link rel="stylesheet" type="text/css" href="css/facebox.css" />
        <link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow:bold' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:600' rel='stylesheet' type='text/css'>
    
        
        <link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico">
        
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js" type="text/javascript"></script>
        <script src="http://cdn.jquerytools.org/1.2.5/jquery.tools.min.js"></script>
        <script src="js/facebox.js"></script>
        <script src="js/scroll.js"></script>
    
    <script type="text/javascript">    
        jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
    </script>
    
        
    <script>
    // execute your scripts when the DOM is ready. this is mostly a good habit
    $(function() {
    
    	// initialize scrollable
    	$(".scrollable").scrollable();
    
    });
    </script>
    
    <!--code for email form-->
    
    <script src="/js/jquery.form.js" type="text/javascript"></script>
    <script src="/js/jquery.validate.min.js" type="text/javascript"></script>
    
    <script type="text/javascript">      
    	$(document).ready(function(){
    $('#frm_contact').ajaxForm({
    		beforeSubmit: function(){
    			$('.loading').show();
    		},
    		success: function(data){
    			if(data == 'success'){
    				$('#frm_contact').fadeOut(function(){
    					$('.loading').hide();
    					$('.error').hide();
    					$('.success').html('<h2>THANK YOU! <span style="color: #848484; font-size: 13px;">We have added you to our beta program. We will be in touch.</span>').hide().fadeIn();
    				});			
    			}else{
    				$('.loading').hide();
    				$('.error').html(data).show();
    			}
    		}
    	});
    });
    </script>
    
    <style type="text/css">
    .error {
    	border: 2px solid #d23a3a;
    	background: #fee7e8 url(/images/icon_error.png) no-repeat 10px center;
    	padding: 11px 11px 11px 64px;
    	color: #000;
    	margin-bottom: 16px;
    	display: none;
    	 543px;
    	min-height: 41px;
    }
    
    .success {
    	display: none;
    }
    
    .success h2 {
    	color: #b20834;
    }
    
    .loading {
    	padding-bottom: 20px;
    	display: none;
    	font-size: 12px;
    }
    </style>
    
        
        <!--[if lt IE 9]>
    		<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
    	<![endif]-->
    
        <title>CORPUS | Build virtually, deploy everywhere.</title>
    </head>
    
    <body>
    
    <header>
    
    	<div class="container">
    	
    		<nav style="display: none;">
    		
    			<a href="#">Home</a>
    
    			<a href="#">Tour</a>
    			<a href="#">Pricing</a>
    			<a href="#">API</a>
    			<a href="#">Hosting</a>
    			<a id="signup" rel="facebox" href="#login_box">Sign Up</a>
    		
    		</nav>
    
    	
    	</div><!-- end container -->
    
    </header>
    
    <div id="main">
    
    	<div class="container">
    	
    		<h1 id="logo">Corpus Est. 2009</h1>
    		
    		<nav>
    		
    			<a id="what" href="#what_is_corpus_link">What is Corpus?</a>
    
    			<a id="who" href="#who_usesit_link">Who uses it?</a>
    			<a id="corpus_features" href="#features_link">Features</a>
    		
    		</nav>
    	
    	</div><!-- end container -->
    
    </div><!-- end main -->
    
    <div class="container">
    
    	<section id="subscribe">
    
    	<div class="success"></div>
    		<form action="includes/mailer.php" method="post" enctype="application/x-www-form-urlencoded" id="frm_contact" name="frm_contact" style="overflow:hidden;">
            
            <h2>Get Corpus</h2>
    		
            
            <input id="email" name="email" value="Email address" type="text" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" />
    					            <input name="validation" type="hidden" value="ssg8z7xpj1" />
                <input name="ssg8z7xpj1" type="hidden" value="" />
    		
    		<input type="button" id="submit" name="submit" value="Submit" onClick="$('#frm_contact').submit();" />
            
            </form>
    
    	
    	</section><!-- end subscribe -->
            <div class="loading"><img src="http://images.cnblogs.com/icon_load.gif" /> working...</div>
    		<div class="error">You have an error.</div>
    	
    	<p><a id="what_is_corpus_link" style="display: block; height: 50px;" href="#"></a></p>
    	
    	<section id="what_is_corpus">
    	
    		<h3 class="fontface">What Is Corpus?</h3>
    		
    		<p>Corpus is friend to the developer tired of box-based content management systems and those looking for more 		flexibility building websites, web apps, and mobile apps. With Corpus you can virtually build any dynamic content–anywhere. Think of Corpus as your database builder and content manager in one, giving you more power for client and server-side development.</p>
    
    		
    		<p>Corpus is agnostic to your programming language or platform preferences. Build an app using PHP, Ruby on Rails, Java, Coco, C, C++, or simply pull in a JSON feed using jquery. It's up to you.  </p>
    	
    	</section><!-- what_is_corpus -->
    	
    	<p><a id="features_link" style="display: block; height: 55px;" href="#"></a></p>
    	
    	<section id="features">
    	
    		<h3>Features</h3>
    		
    		<article class="feature">
    		
    			<img src="images/webappcms.png" alt="Web App CMS" />
    		
    			<h4>Web App CMS</h4>
    
    			
    			<p>Another CMS? No. The CorpusCMS can fit any HTML-based application. It's virtual, giving developers more power and flexibility.</p>
    			
    			<a style="display: none;" href="#">I like this</a>
    		
    		</article><!-- end feature -->
    		
    		<article class="feature">
    		
    			<img src="images/module-builder.png" alt="Module Builder" />
    		
    			<h4>Module Builder</h4>
    			
    			<p>Build apps faster, prototype rapidly, and build custom modules that can be deployed anywhere.</p>
    
    			
    			<a style="display: none;" href="#">I need this</a>
    		
    		</article><!-- end feature -->
    		
    		<article class="feature last">
    		
    			<img src="images/mobilecms-icon.png" alt="Mobile CMS" />
    		
    			<h4>Mobile CMS</h4>
    			
    			<p>Do you build mobile apps? Deploy dynamic content inside your apps, giving you and your clients more control.</p>
    			
    			<a style="display: none;" href="#">I love this</a>
    
    		
    		</article><!-- end feature -->
    	
    	</section><!-- end features -->
    	
    	<p><a id="who_usesit_link" href="#"></a></p>
    	
    	<section id="clients">
    	
    		<h3>Clients</h3>
    	
    			<!-- "previous page" action -->
    		<a class="prev browse left"></a>
    
    		<!-- root element for scrollable -->
    
    		<div class="scrollable">   
       
       <!-- root element for the items -->
       <div class="items">
       
          <!-- 1-5 -->
          <div>
             <img width="170" height="120" src="images/artswave-logo.png" alt="Arts Wave" />
             <img width="170" height="120" src="images/battleaxe-logo.png" alt="Battleaxe" />
             <img width="170" height="120" src="images/cw-logo.png" alt="Continuous Web" />
             <img class="last" width="170" height="120" src="images/planb-logo.png" alt="Plan B Flights" />
    
          </div>
          
          <!-- 5-10 -->
          <div>
             <img width="170" height="120" src="images/seraphim-logo.png" alt="Seraphim" />
             <img width="170" height="120" src="images/sportsot-logo.png" alt="SportsOT" />
             <img width="170" height="120" src="images/tusl-logo.png" alt="TUSL" />
             <img class="last" width="170" height="120" src="images/venueagent-logo.png" alt="Venue Agent" />
          </div>
          
       </div>
    
       
    </div>
    
    <!-- "next page" action -->
    <a class="next browse right"></a>
    	
    	
    	</section><!-- end clients -->
    	
    </div><!-- end container -->
    	
    <footer>
    
    	<div class="container">
    	
    		<h1><a href="http://www.becreativegroup.com">Be Creative</a></h1>
    
    		
    		<p>© <a href="http://www.becreativegroup.com">Be Creative Group 2011</a> <br /> We Like making cool things for you.</p>
    		
    		<ul>
    		
    			<li class="mindbox"><a href="http://www.mindboxstudios.com">Mindbox Studios</a></li>
    			<li class="facebook"><a href="http://www.facebook.com/mindboxstudios">Facebook</a></li>
    			<li class="twitter"><a href="http://twitter.com/mindboxstudios">Twitter</a></li>
    
    		
    		</ul>
    
    	</div><!-- end container -->
    	
    </footer>
    
    <div id="login_box" style="display: none;">
    
    	<h3>To access your Corpus App, type your subdomain below.</h3>
    	
    	<input id="corpus_login" type="text" value="Your App" onFocus="if(this.value==this.defaultValue)this.value='';" onBlur="if(this.value=='')this.value=this.defaultValue;" />
    	
    	<input id="corpus_signin" type="button" value="GO" />
    
    	
    	<p>Don't have a subdomain? <a href="#">Become a beta user</a></p>
    
    </div><!-- end login_box -->
    <script type="text/javascript">
    
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-23001026-1']);
      _gaq.push(['_trackPageview']);
    
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
    
    </script></body>
    </html>
    
  • 相关阅读:
    服务部署 RPC vs RESTful
    模拟浏览器之从 Selenium 到splinter
    windows程序设计 vs2012 新建win32项目
    ubuntu python 安装numpy,scipy.pandas.....
    vmvare 将主机的文件复制到虚拟机系统中 安装WMware tools
    ubuntu 修改root密码
    python 定义类 简单使用
    python 定义函数 两个文件调用函数
    python 定义函数 调用函数
    python windows 安装gensim
  • 原文地址:https://www.cnblogs.com/zhangchenliang/p/2117875.html
Copyright © 2011-2022 走看看