js兑现 鼠标悬浮 扩大 缩放 expand、shrink效果
日期：2014-05-16 浏览次数：20386 次
js实现 鼠标悬浮 扩大 缩放 expand、shrink效果
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>Pricing and sign up | CannyBill</title>
<meta charset=utf-8>
<!--[if !IE 6]><!--><link rel="stylesheet" type="text/css" href="assets/css/main.css" media="screen, projection" /><!--<![endif]-->
<!--[if gte IE 7]><link rel="stylesheet" href="assets/css/ie7.css" type="text/css" media="screen, projection" /><![endif]-->
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="http://universal-ie6-css.googlecode.com/files/ie6.0.3.css" media="screen, projection" /><![endif]-->
<!-- JS -->
<script src="assets/js/modernizr-1.0.js" type="text/javascript"></script>
<!--[if IE 6]><script src="assets/js/belatedpng.js" type="text/javascript"></script><![endif]-->
<script type="text/javascript">
Cufon.replace('h1,h2,h3', {hover: true, hoverables: { h3: true }, textShadow: '2px 2px rgb(0,0,0)'});
</script>
<!-- FAVICON -->
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/vnd.microsoft.icon" />
<link rel="shortcut icon" href="assets/img/favicon.gif" type="image/gif" />
<link rel="shortcut icon" href="assets/img/favicon.png" type="image/png" />
<link rel="apple-touch-icon" href="assets/img/iphonetouch.jpg"/>
</head>
<body id="page">
<div class="content">
<ol class="hlisting offer-sale plans">
<li class="item basic">
<h4 class="fn">Basic <span class="price">£3.99 ($6 US)</span></h4>
<ul class="description">
<li><strong>15</strong> active clients</li>
<li><strong>Unlimited</strong> invoices per month</li>
<li><strong>Unlimited</strong> staff logins</li>
</ul>
<p>Unlimited telephone & email support</p>
<p><a href="#" class="action">Sign up <span>30 day free trial</span></a> <img src="QQ截图20120301095236.png" width="83" height="76" alt="s"></p>
</li>
<li class="item small">
<h4 class="fn">Small business <span class="price">£6.99 ($12 US)</span></h4>
<ul class="description">
<li><strong>50</strong> active clients</li>
<li><strong>Unlimited</strong> invoices per month</li>
<li><strong>Unlimited</strong></li>
</ul>
<p>Unlimited telephone & email support</p>
<p><a href="#" class="action">Sign up <span>30 day free trial</span></a><img src="QQ截图20120301095243.png" width="67" height="81"></p>
</li>
<li class="item professional">
<h4 class="fn">Professional <span class="price">£14.99 ($24 US)</span></h4>
<ul class="description">
<li><strong>500</strong> active clients</li>
<li><strong>Unlimited</strong> invoices per month</li>
<li><strong>Unlimited</strong> staff logins</li>
<li><strong>Free</strong> upgrades</li>
<li><strong>RapidSSL Certificate</strong></li>
</ul>
<p>Unlimited telephone & email support</p>
<p><a href="#" class="action">Sign up <span>30 day free trial</span></a></p>
</li>
<li class="item enterprise">
<h4 class="fn">Enterprise <span class="price">£29.99 ($48 US)</span></h4>
<ul class="description">
<li><strong>2000</strong> active clients</li>
<li><strong>Unlimited</strong> invoices per month</li>
<li><strong>U
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
