Difference between revisions of "Template:FAFU CHINA/try"

(Created page with "<html lang="zh"> <head> <meta charset="UTF-8"> <title>FAFU_SHOW</title> <link href='http://fonts.useso.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> <l...")
 
Line 1: Line 1:
−
<html lang="zh">
+
<html xmlns="http://www.w3.org/1999/xhtml">
−
<head>
+
<HEAD>
−
<meta charset="UTF-8">
+
<TITLE>自动循环图片展示幻灯片banner_懒人建站</TITLE>
−
<title>FAFU_SHOW</title>
+
  
−
<link href='http://fonts.useso.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
+
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
−
<link rel="stylesheet" href="https://2015.igem.org/Template:FAFU_CHINA/head2/css/style?action=raw&amp;ctype=text/css" />
+
<SCRIPT src="https://2015.igem.org/Template:FAFU_CHINA/head2/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
<SCRIPT src="https://2015.igem.org/Template:FAFU_CHINA/head2/js/jquery.cross-slide?action=raw&amp;ctype=text/javascript"></script>
 +
<STYLE type=text/css>
 +
BODY {
 +
background-color:#333;
 +
}
 +
#rotator {
 +
WIDTH: 981px; HEIGHT: 235px; TEXT-ALIGN: left;
 +
display:block;
 +
margin:0 auto;
 +
}
 +
</STYLE>
  
−
</head>
 
−
<body>
 
−
 
−
<h1 class="slider-title">A5源码 - down.admin5.com</h1>
 
  
−
<section class="slider-container">
 
−
<ul id="slider" class="slider-wrapper">
 
−
<li class="slide-current">
 
−
<img src="https://static.igem.org/mediawiki/2015/e/e4/Fafu_1.jpg" alt="Slider Imagen 1">
 
−
<div class="caption">
 
−
<h3 class="caption-title">A5源码</h3>
 
−
<p>A5源码 - down.admin5.com</p>
 
−
</div>
 
−
</li>
 
  
−
<li>
+
</HEAD>
−
<img src="https://static.igem.org/mediawiki/2015/a/aa/Fafu_2.jpg" alt="Slider Imagen 1">
+
<BODY>
−
<div class="caption">
+
−
<h3 class="caption-title">A5源码</h3>
+
−
<p>A5源码 - down.admin5.com</p>
+
−
</div>
+
−
</li>
+
  
−
<li>
+
<DIV id=rotator>
−
<img src="https://static.igem.org/mediawiki/2015/b/b2/Fafu_3.JPG" alt="Slider Imagen 1">
+
<SCRIPT type=text/javascript>
−
<div class="caption">
+
jQuery(function($) {$(document).ready(function() {
−
<h3 class="caption-title">A5源码</h3>
+
$('#rotator').crossSlide(
−
<p>A5源码 - down.admin5.com</p>
+
{sleep: 4, fade: 1, debug: true},
−
</div>
+
[
−
</li>
+
{src: 'https://static.igem.org/mediawiki/2015/e/e4/Fafu_1.jpg', href: 'https://2015.igem.org/Team:FAFU-CHINA'},
 +
{src: 'https://static.igem.org/mediawiki/2015/a/aa/Fafu_2.jpg', href: 'https://2015.igem.org/Team:FAFU-CHINA'},
 +
{src: 'https://static.igem.org/mediawiki/2015/b/b2/Fafu_3.JPG', href: 'https://2015.igem.org/Team:FAFU-CHINA'},
 +
{src: 'https://static.igem.org/mediawiki/2015/9/91/Fafu_4.JPG', href: 'https://2015.igem.org/Team:FAFU-CHINA'},
 +
{src: 'https://static.igem.org/mediawiki/2015/3/36/Fafu_5.JPG', href: 'https://2015.igem.org/Team:FAFU-CHINA'}
 +
]
 +
);
 +
});});
 +
</SCRIPT>
 +
</DIV>
  
−
<li>
+
</BODY>
−
<img src="https://static.igem.org/mediawiki/2015/9/91/Fafu_4.JPG" alt="Slider Imagen 1">
+
</HTML>
−
<div class="caption">
+
−
<h3 class="caption-title">A5源码</h3>
+
−
<p>A5源码 - down.admin5.com</p>
+
−
</div>
+
−
</li>
+
−
</ul>
+
−
 
+
−
<div class="shadow"></div>
+
−
 
+
−
<ul id="slider-controls" class="slider-controls"></ul>
+
−
 
+
−
</section>
+
−
 
+
−
<script src="https://2015.igem.org/Template:FAFU_CHINA/head2/js/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
−
<script src="https://2015.igem.org/Template:FAFU_CHINA/head2js/main.js?action=raw&amp;ctype=text/javascript"></script>
+
−
 
+
−
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';color:#ffffff">
+
−
</div>
+
−
</body>
+
−
</html>
+

Revision as of 08:16, 15 September 2015

自动循环图片展示幻灯片banner_懒人建站