<!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=gb2312">
<title>jQuery+CSS3��ת�����ֲ��õ���Ч����</title>
<link rel="stylesheet" type="text/css" media="all" href="slide/style/style.css">
<script type="text/javascript" src="slide/js/jquery.js"></script>
<script type="text/javascript">
tf_script={"img_number":5,"slideShowDelayOption":"5000","easeEffect":"random","disableDragOption":true}
</script>
<link rel="stylesheet" href="slide/style/jquery.onebyone.css" type="text/css" media="all">
<link rel="stylesheet" href="slide/style/animate.css" type="text/css" media="all">
<!--CSS3 Html5����-->
<script type="text/javascript" src="slide/js/jquery.onebyone.js"></script>
<script type="text/javascript" src="slide/js/onebyone.js"></script>
</head>
<body>
<div style="margin:0 auto;width:728px;clear:both;">
<script type="text/javascript">BAIDU_CLB_fillSlot("175922");</script>
</div>
<div class="headernewslide headernewslide_mid" style="background-color:#343637; background-image:url(slide/images/pattern_pixels.png)">
<div class="headernewslide_inner">
<!-- headernewslide slider -->
<div class="headernewslide_slider">
<div class="oneByOne1" style="overflow-x: hidden; overflow-y: hidden; ">
<div class="topSlider" style="display: block; left: 0px; ">
<div class="oneByOne_slide" style="left: 0px; display: block; ">
<div class="slide_image animate0 rotateIn" style="display: block; "> <img src="slide/slider_img_1.png"
alt=""> </div>
<div class="slide_text animate1 rotateIn" style="display: block; ">
<div class="slide_title"> <a href="http://www.lanrenzhijia.com/" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; "> <strong> The Best HOSTING For Ebadu </strong> </a> </div>
<div class="slide_description"> <a href="http://www.lanrenzhijia.com/" target="_self"
hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; ">
<p> �˶������������ṩ <strong> �ȶ� & ���� </strong> ���������Ϊ�й�����Ϣ����ҵ�������ף� </p>
</a> </div>
</div>
</div>
<div class="oneByOne_slide" style="left: 940px; display: none; ">
<div class="slide_image animate0" style="display: none; "> <img src="slide/slider_img_2.png"
alt=""> </div>
<div class="slide_text animate1" style="display: none; ">
<div class="slide_title"> <a href="#" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; "> <strong> �˶�������ȫ���긶�����8.8�� </strong> </a> </div>
<div class="slide_description"> <a href="http://www.lanrenzhijia.com/" target="_self"
hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; ">
<p> ���� <strong> ���⻯������ </strong> ���˶ȵ���Դ��Ϊ��Դ�أ��ṩ���������⼴�÷��� </p>
</a> </div>
<div class="slide_list">
<ul>
<li> CPU��4��Q8300 </li>
<li> ͨ��: ��֤99.9% </li>
<li> Ӳ�̣�500G </li>
<li> 24/7 ����֧�� </li>
<li> �ڴ棺2GB </li>
<li> ���š�˫�ߡ���� </li>
</ul>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="oneByOne_slide" style="left: 1880px; display: none; ">
<div class="slide_image animate0" style="display: none; "> <img src="slide/slider_img_3.png"
alt=""> </div>
<div class="slide_text animate1" style="display: none; ">
<div class="slide_title"> <a href="#" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; "> <strong> �˶�������ȫ���긶�����8.8�� </strong> </a> </div>
<div class="slide_description"> <a href="http://www.lanrenzhijia.com/" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; ">
<p> ���� <strong> ���⻯������ </strong> ���˶ȵ���Դ��Ϊ��Դ�أ��ṩ���������⼴�÷��� </p>
</a> </div>
<div class="slide_list">
<ul>
<li> CPU��4��Q8300 </li>
<li> ͨ��: ��֤99.9% </li>
<li> Ӳ�̣�500G </li>
<li> 24/7 ����֧�� </li>
<li> �ڴ棺2GB </li>
<li> ���š�˫�ߡ���� </li>
<li> ���8GB���� </li>
<li> ֧���¼��긶 </li>
</ul>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="oneByOne_slide" style="left: 2820px; display: none; ">
<div class="slide_image animate0" style="display: none; "> <img src="slide/slider_img_4.png"
alt=""> </div>
<div class="slide_text animate1" style="display: none; ">
<div class="slide_title"> <a href="http://www.lanrenzhijia.com/wangyetexiao/slideshow/" target="_self"
hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; "> <strong> ǿ�����õĵ�Zkeys���������̨ </strong> </a> </div>
<div class="slide_description"> <a href="#" target="_self"
hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; ">
<p> Zkeys������������ϵͳ�� <strong> �й����� & ������ǿ�� </strong> ����������ϵͳ�����á�������ǿ���������ŵ�. </p>
</a> </div>
</div>
</div>
<div class="oneByOne_slide" style="left: 3760px; display: none; ">
<div class="slide_image animate0" style="display: none; "> <img src="slide/slider_img_5.png"
alt=""> </div>
<div class="slide_text animate1" style="display: none; ">
<div class="slide_title"> <a href="#" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; "> <strong> Ӧ������֧��Android/IOS/Wp7ƽ̨ </strong> </a> </div>
<div class="slide_description"> <a href="http://www.lanrenzhijia.com/wangyetexiao/slideshow/" target="_self" hidefocus="true" style="outline-style: none; outline-width: initial; outline-color: initial; ">
<p> �ֻ�Ӧ�ù�������ȫ��֧�� <strong> Android & iOS & Wp7 </strong> ��ϵͳ�IJ����豸 </p>
</a> </div>
</div>
</div>
</div>
<div class="buttonArea">
<div class="buttonCon" style="cursor: pointer; "> <a class="theButton active" rel="0"> 1 </a> <a class="theButton" rel="1"> 2 </a> <a class="theButton" rel="2"> 3 </a> <a class="theButton" rel="3"> 4 </a> <a class="theButt