Team:WHU-China/Team/Gallary

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
 +
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<html>
<head>
<head>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
+
<meta name="keywords" content="JS代码,相册代码,JS广告代码,JS特效代码" />
-
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
+
<meta name="description" content="此代码内容为可自动缩放的JS弹性相册代码，属于站长常用代码，更多相册代码代码请访问模板王JS代码频道。" />
-
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
+
<title>可自动缩放的JS弹性相册代码_模板王</title>
 +
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
<style type="text/css">
-
#countdown
 
-
{
 
-
display:none;
 
-
}
 
-
#visit
 
-
{
 
-
display:none;
 
-
}
 
-
#demo
 
-
{
 
-
position:relative;
 
-
top:15px;
 
-
height:260px;
 
-
width:1000px;
 
-
left:0px;
 
-
overflow:hidden;
 
-
}
 
-
#demo img {
 
-
top:20px;
 
-
height:260px;
 
-
width:300px;
 
-
}
 
-
#indemo {
 
-
float: left;
 
-
width: 800%;
 
-
}
 
-
#demo1 {
 
-
float: left;
 
-
}
 
-
#demo2 {
 
-
padding:0px 3px;
 
-
float: left;
 
-
}
 
-
#footer-box
 
-
{
 
-
position:absolute;
 
-
top:2000px;
 
-
}
 
-
.team_images img
 
-
{
 
-
height:280px;
 
-
}
 
-
#preview_images
 
-
{
 
-
position:relative;
 
-
top:20px;
 
-
background:transparent;
 
-
height:600px;
 
-
left:10px;
 
-
width:980px;
 
-
}
 
#screen {
#screen {
position: absolute;
position: absolute;
Line 84: Line 36:
}
}
</style>
</style>
 +
 +
<!-- dhteumeuleu utilities -->
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/bill.js?action=raw&ctype=text/js">
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/bill.js?action=raw&ctype=text/js">
 +
    </script>
<script type="text/javascript">
<script type="text/javascript">
// ========================================================
// ========================================================
Line 345: Line 300:
/* ==== container, X, T, path, [image.src, text] ==== */
/* ==== container, X, T, path, [image.src, text] ==== */
diap.init("screen", 2, 2, "", [
diap.init("screen", 2, 2, "", [
-
["/wiki/images/e/e6/Whu-1.jpg", "His little voodoo was a success"],
+
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "His little voodoo was a success"],
-
["/wiki/images/e/e6/Whu-1.jpg", "She arrived from nowhere"],
+
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "She arrived from nowhere"],
-
["/wiki/images/e/e6/Whu-1.jpg", "as cute as she could be"],
+
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "as cute as she could be"],
-
["/wiki/images/e/e6/Whu-1.jpg", "It was a night of full moon"]
+
-
+
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "...the beauty of autumn"]
]);
]);
}
}
Line 355: Line 310:
</head>
</head>
<body>
<body>
-
<div id="content1">
+
<div id="screen"></div>
-
<div id="demo">
+
<img id="loading" alt="" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" style="visibility: hidden">
-
<div id="indemo">
+
-
<div id="demo1">
+
-
<a ><img src="/wiki/images/e/e6/Whu-1.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/f/f1/Whu-4-2.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/c/c4/Whu-8.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/f/f6/Whu-10.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/6/69/Whu-13.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/e/e1/Whu-18.jpg" border="1" /></a>
+
-
<a><img src="/wiki/images/4/42/Whu-32.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/f/fc/Whu-43.jpg" border="1" /></a>
+
-
<a ><img src="/wiki/images/a/a8/Whu-61.jpg" border="1" /></a>
+
-
<a><img src="/wiki/images/5/57/Whu-47.jpg" border="1" /></a>
+
-
</div>
+
-
<div id="demo2"></div>
+
-
<script>
+
-
var speed=20;
+
-
var tab=document.getElementById("demo");
+
-
var tab1=document.getElementById("demo1");
+
-
var tab2=document.getElementById("demo2");
+
-
tab2.innerHTML=tab1.innerHTML;
+
-
function Marquee(){
+
-
if(tab.scrollLeft<=0)
+
-
tab.scrollLeft+=tab2.offsetWidth
+
-
else{
+
-
tab.scrollLeft--;
+
-
}
+
-
}
+
-
var MyMar=setInterval(Marquee,speed);
+
-
tab.onmouseover=function() {clearInterval(MyMar)};
+
-
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
+
-
 
+
-
</script>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div id="screen"></div>
+
-
<img id="loading" alt="" src="/wiki/images/f/f1/Whu-4-2.jpg" style="visibility: hidde>
+
</body>
</body>
-
 
</html>
</html>
-
{{WHUcss}}
 

Revision as of 18:30, 2 October 2011

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 可自动缩放的JS弹性相册代码_模板王

Retrieved from "http://2011.igem.org/Team:WHU-China/Team/Gallary"