Biomod/2014/NTU: Difference between revisions
Jimmy Shih (talk | contribs) No edit summary |
Jimmy Shih (talk | contribs) No edit summary |
||
(86 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<!DOCTYPE HTML> | <!-- | ||
Author: W3layouts | |||
Author URL: http://w3layouts.com | |||
License: Creative Commons Attribution 3.0 Unported | |||
License URL: http://creativecommons.org/licenses/by/3.0/ | |||
--> | |||
<!--DOCTYPE HTML | |||
--> | |||
<html> | <html> | ||
<head> | <head> | ||
<title> | |||
<style> | |||
.body { | |||
width:100%; | |||
color: #CCCCCC ; | |||
max-width: 1280px; | |||
min-width: 0 ; | |||
padding-top: 55px; | |||
margin-left: auto; | |||
margin-right: auto; | |||
} | |||
#column-content #content { | |||
padding: 0em; | |||
margin: 0; | |||
} | |||
#content{ | |||
border: 0px; | |||
float:right; | |||
padding: 0em; | |||
width:100%; | |||
} | |||
#contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, #toctitle ,#top-section ,#column-one ,#footer, #siteSub,#jump-to-nav,.printfooter,.visualClear | |||
{ | |||
display:none; | |||
} | |||
#globalWrapper { | |||
background-color:#fff; | |||
font-size:100%; | |||
padding-bottom: 0px; | |||
} | |||
</style> | |||
<title></title> | |||
<link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/bootstrap.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | |||
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> | ||
<script src="js/jquery.min.js"></script> | <script src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/jquery.min.js&action=raw&ctype=text/js"></script> | ||
<!-- Custom Theme files --> | <!-- Custom Theme files --> | ||
<link href=" | <link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/style.css&action=raw&ctype=text/css" rel='stylesheet' type='text/css' /> | ||
<!-- Custom Theme files --> | <!-- Custom Theme files --> | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
Line 14: | Line 63: | ||
<!---- animated-css ----> | <!---- animated-css ----> | ||
<link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/animate.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"> | <link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/animate.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"> | ||
<script src="js/wow.min.js"></script> | <script src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/wow.min.js&action=raw&ctype=text/js"></script> | ||
<script> | <script> | ||
new WOW().init(); | new WOW().init(); | ||
$(function () { | |||
$("style[media*='screen']").remove(); | |||
$("link[href*='favicon']").remove(); | |||
//fix heading | |||
var h1 = $(".firstHeading").text().split("/"); | |||
$(".firstHeading").text(h1[h1.length-1]); | |||
$("tr:odd").addClass("odd"); | |||
}); | |||
function aaa(){ | |||
$("html body").animate({ | |||
scrollTop: 770 | |||
},1000); | |||
} | |||
</script> | </script> | ||
<!---- animated-css ----> | <!---- animated-css ----> | ||
<!---- start-smoth-scrolling----> | <!---- start-smoth-scrolling----> | ||
<script type="text/javascript" src="js/move-top.js"></script> | <script type="text/javascript" src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/move-top.js&action=raw&ctype=text/js"></script> | ||
<script type="text/javascript" src="js/easing.js"></script> | <script type="text/javascript" src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/easing.js&action=raw&ctype=text/js"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
jQuery(document).ready(function($) { | jQuery(document).ready(function($) { | ||
Line 34: | Line 100: | ||
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'> | ||
<!---//webfonts---> | <!---//webfonts---> | ||
</head> | </head> | ||
<body> | <body> | ||
Line 74: | Line 110: | ||
<h1>NANOJELLYFISH</h1> | <h1>NANOJELLYFISH</h1> | ||
<p>We are NTUBIOMOD</span></p> | <p>We are NTUBIOMOD</span></p> | ||
< | <img onclick="aaa()" src="http://openwetware.org/images/2/29/Play_2014_biomod_ntu.png"> | ||
</div> | </div> | ||
<!--- beanner-info----> | <!--- beanner-info----> | ||
<!---- video ----> | <!---- video ----> | ||
<!----//fea-video----> | <!----//fea-video----> | ||
</div> | </div> | ||
Line 112: | Line 125: | ||
<h3 id="abstracttitle">Abstract</h3> | <h3 id="abstracttitle">Abstract</h3> | ||
<p id="abstract">The immune system is not fail-safe and sometimes requires a booster during an infection. Here we design a versatile jellyfish-like device/nano-robot that is able to enhance the immune system. We have chosen the hemagglutinin type 5 protein (H5) of influenza virus as our target because current treatment faces problems of drug resistance and lengthy vaccine production. The device, initially a ball-shaped dimer, contains two types of tentacles, one being H5 aptamer, and the other being either poly-cytosine (poly-C) or poly-guanine (poly-G) sequences. Upon binding H5, the dimer dissociates, releasing the packaged immuno-stimulatory molecule and exposing poly-C and poly-G. Binding between poly-C and poly-G allows aggregation of the virus-bound monomer. The device/nano-robot is versatile since targets could be modified by changing the attached aptamers. It could potentially provide better treatment for diseases such as HIV/AIDS and malaria, as well as enhance experimental techniques such as bioassays and protein purification. </p> | <p id="abstract">The immune system is not fail-safe and sometimes requires a booster during an infection. Here we design a versatile jellyfish-like device/nano-robot that is able to enhance the immune system. We have chosen the hemagglutinin type 5 protein (H5) of influenza virus as our target because current treatment faces problems of drug resistance and lengthy vaccine production. The device, initially a ball-shaped dimer, contains two types of tentacles, one being H5 aptamer, and the other being either poly-cytosine (poly-C) or poly-guanine (poly-G) sequences. Upon binding H5, the dimer dissociates, releasing the packaged immuno-stimulatory molecule and exposing poly-C and poly-G. Binding between poly-C and poly-G allows aggregation of the virus-bound monomer. The device/nano-robot is versatile since targets could be modified by changing the attached aptamers. It could potentially provide better treatment for diseases such as HIV/AIDS and malaria, as well as enhance experimental techniques such as bioassays and protein purification. </p> | ||
<iframe style="position:relative; bottom:30px;" width="560" height="315" src="//www.youtube.com/embed/XyvS-nV4V20" frameborder="0" allowfullscreen></iframe> | |||
</div> | </div> | ||
<img src="http://openwetware.org/images/6/6a/Biomod_Logo_Blue_version_%281%29.png" style="position:relative; display:inline-block; width:500px; " /> | |||
<div class="clearfix"> </div> | |||
</div> | </div> | ||
<!---- content-bottom-grids -----> | <!---- content-bottom-grids -----> | ||
Line 153: | Line 141: | ||
</div> | </div> | ||
<div id="testslide11"> | <div id="testslide11"> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Idea" style="color:white;"/>Idea</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Design" style="color:white"/>Design</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Origami" style="color:white"/>Origami</h1> | ||
</div> | </div> | ||
<img src="images/ | <img src="http://openwetware.org/images/e/ea/Project.jpg" height="200px" width="300px"/> | ||
<div class="testleft"><h1>Project</h1></div> | <div class="testleft"><h1>Project</h1></div> | ||
</div> | </div> | ||
Line 166: | Line 154: | ||
</div> | </div> | ||
<div id="testslide22"> | <div id="testslide22"> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Method"style="color:white;"/>Method</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Result"style="color:white;"/>Result</h1> | ||
</div> | </div> | ||
<img src="images/ | <img src="http://openwetware.org/images/7/7e/Experiment.JPG" height="200px" width="300px"/> | ||
<div class="testright"><h1>Experiment</h1></div> | <div class="testright"><h1>Experiment</h1></div> | ||
</div> | </div> | ||
Line 175: | Line 163: | ||
<div class="content-bottom-grids-left-grid"> | <div class="content-bottom-grids-left-grid"> | ||
<div id="test3"> | <div id="test3"> | ||
<img src="images/ | <img src="http://openwetware.org/images/d/d1/Member.jpg" height="200px" width="300px"/> | ||
<div class="testleft"><h1><a href=" | <div class="testleft"><h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Member"style="color:white;">Member</h1></div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 187: | Line 175: | ||
</div> | </div> | ||
<div id="testslide44"> | <div id="testslide44"> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Review"style="color:white;"/>Review</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Future"style="color:white;"/>Future</h1> | ||
</div> | </div> | ||
<img src="images/ | <img src="http://openwetware.org/images/1/1d/Discussion.jpg" height="200px" width="300px"/> | ||
<div class="testright"><h1>Discussion</h1></div> | <div class="testright"><h1>Discussion</h1></div> | ||
</div> | </div> | ||
Line 199: | Line 187: | ||
</div> | </div> | ||
<div id="testslide55"> | <div id="testslide55"> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Protocol"style="color:white;"/>Protocol</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Material"style="color:white;"/>Material</h1> | ||
<h1><a href=" | <h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Equipment"style="color:white;"/>Equipment</h1> | ||
</div> | </div> | ||
<img src="images/ | <img src="http://openwetware.org/images/e/ef/Supplement.JPG" height="200px" width="300px"/> | ||
<div class="testleft"><h1>Supplement</h1></div> | <div class="testleft"><h1>Supplement</h1></div> | ||
</div> | </div> | ||
Line 209: | Line 197: | ||
<div class="content-bottom-grids-left-grid"> | <div class="content-bottom-grids-left-grid"> | ||
<div id="test6"> | <div id="test6"> | ||
<img src="images/ | <img src="http://openwetware.org/images/1/15/Acknowledge.jpg" height="200px" width="300px"/> | ||
<div class="testright"><h1><a href=" | <div class="testright"><h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Acknowledge"style="color:white;"/>Acknowledge</h1></div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 230: | Line 218: | ||
<!---- footer-logo ----> | <!---- footer-logo ----> | ||
<div class="footer-logo text-center"> | <div class="footer-logo text-center"> | ||
<a href="#"><img src="images/ | <a href="#"><img src="http://openwetware.org/images/4/4d/Logo1.png" title="starnights" style="width:120px;" /></a> | ||
<p>Design by <a href="#"> | <p>Design by <a href="#">NTUBIOMOD,www.W3layouts.com</a></p> | ||
<p style="position:relative; top:-30px;"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/" style="top:-30px;"><img alt="創用 CC 授權條款" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />本著作係採用<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">創用 CC 姓名標示 4.0 國際 授權條款</a>授權.<br />此作品衍生自<a xmlns:dct="http://purl.org/dc/terms/" href="http://timefortaiwan.tw/touching/popup_18025.jsp" rel="dct:source">http://timefortaiwan.tw/touching/popup_18025.jsp</a>。</p> | |||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 255: | Line 244: | ||
<!---- container ----> | <!---- container ----> | ||
</body> | </body> | ||
<script type="text/javascript"> | |||
$(document).ready(function() { | |||
$("#test1").hover(function(){ $("#testslide1").animate({left: '+0px'},500);}, | |||
function(){ $("#testslide1").animate({left: '-300px'},500);}); | |||
$("#test1").hover(function(){ $("#testslide11").animate({left: '+0px'},500);}, | |||
function(){ $("#testslide11").animate({left: '-300px'},500);}); | |||
$("#test2").hover(function(){ $("#testslide2").animate({right: '+0px'},500);}, | |||
function(){ $("#testslide2").animate({right: '-300px'},500);}); | |||
$("#test2").hover(function(){ $("#testslide22").animate({right: '+0px'},500);}, | |||
function(){ $("#testslide22").animate({right: '-300px'},500);}); | |||
$("#test4").hover(function(){ $("#testslide4").animate({right: '+0px'},500);}, | |||
function(){ $("#testslide4").animate({right: '-300px'},500);}); | |||
$("#test4").hover(function(){ $("#testslide44").animate({right: '+0px'},500);}, | |||
function(){ $("#testslide44").animate({right: '-300px'},500);}); | |||
$("#test5").hover(function(){ $("#testslide5").animate({left: '+0px'},500);}, | |||
function(){ $("#testslide5").animate({left: '-300px'},500);}); | |||
$("#test5").hover(function(){ $("#testslide55").animate({left: '+0px'},500);}, | |||
function(){ $("#testslide55").animate({left: '-300px'},500);}); | |||
}); | |||
</script> | |||
</html> | </html> |
Latest revision as of 05:40, 26 October 2014
<html> <head>
<style>
.body {
width:100%; color: #CCCCCC ; max-width: 1280px; min-width: 0 ; padding-top: 55px; margin-left: auto; margin-right: auto;
}
- column-content #content {
padding: 0em; margin: 0;
}
- content{
border: 0px; float:right; padding: 0em; width:100%;
}
- contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, #toctitle ,#top-section ,#column-one ,#footer, #siteSub,#jump-to-nav,.printfooter,.visualClear
{
display:none;
}
- globalWrapper {
background-color:#fff; font-size:100%; padding-bottom: 0px;
}
</style>
<title></title>
<link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/bootstrap.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/jquery.min.js&action=raw&ctype=text/js"></script> <!-- Custom Theme files --> <link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/style.css&action=raw&ctype=text/css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> </script> <!---- animated-css ----> <link href="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/css/animate.css&action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"> <script src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/wow.min.js&action=raw&ctype=text/js"></script> <script> new WOW().init();
$(function () { $("style[media*='screen']").remove(); $("link[href*='favicon']").remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); $("tr:odd").addClass("odd"); });
function aaa(){ $("html body").animate({ scrollTop: 770 },1000);
}
</script>
<!---- animated-css ---->
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/move-top.js&action=raw&ctype=text/js"></script>
<script type="text/javascript" src="http://openwetware.org/index.php?title=Biomod/2014/NTU/Templates/js/easing.js&action=raw&ctype=text/js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!---- start-smoth-scrolling---->
<!----webfonts--->
<link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic' rel='stylesheet' type='text/css'>
<!---//webfonts--->
</head>
<body>
<!---- container ---->
<!---- header ---->
<div class="header">
<div class="container">
<!--- beanner-info---->
<div class="banner-info text-center wow fadeIn" data-wow-delay="0.5s">
<h1>NANOJELLYFISH</h1>
<p>We are NTUBIOMOD</span></p>
<img onclick="aaa()" src="http://openwetware.org/images/2/29/Play_2014_biomod_ntu.png">
</div>
<!--- beanner-info---->
<!---- video ---->
<!----//fea-video----> </div> </div> <!---- header ----> <!---- content ----> <div class="content"> <div class="top-grids"> <div class="col-md-7 top-left-grid wow fadeInLeft" data-wow-delay="0.4s"> <h3 id="abstracttitle">Abstract</h3> <p id="abstract">The immune system is not fail-safe and sometimes requires a booster during an infection. Here we design a versatile jellyfish-like device/nano-robot that is able to enhance the immune system. We have chosen the hemagglutinin type 5 protein (H5) of influenza virus as our target because current treatment faces problems of drug resistance and lengthy vaccine production. The device, initially a ball-shaped dimer, contains two types of tentacles, one being H5 aptamer, and the other being either poly-cytosine (poly-C) or poly-guanine (poly-G) sequences. Upon binding H5, the dimer dissociates, releasing the packaged immuno-stimulatory molecule and exposing poly-C and poly-G. Binding between poly-C and poly-G allows aggregation of the virus-bound monomer. The device/nano-robot is versatile since targets could be modified by changing the attached aptamers. It could potentially provide better treatment for diseases such as HIV/AIDS and malaria, as well as enhance experimental techniques such as bioassays and protein purification. </p> <iframe style="position:relative; bottom:30px;" width="560" height="315" src="//www.youtube.com/embed/XyvS-nV4V20" frameborder="0" allowfullscreen></iframe> </div> <img src="http://openwetware.org/images/6/6a/Biomod_Logo_Blue_version_%281%29.png" style="position:relative; display:inline-block; width:500px; " /> <div class="clearfix"> </div> </div>
<!---- content-bottom-grids ----->
<div class="content-bottom-grids">
<div class="container">
<div class="col-md-6 content-bottom-grids-left wow fadeInLeft" data-wow-delay="0.4s">
<div class="content-bottom-grids-left-grid frist-grid">
<div id="test1">
<div id="testslide1">
</div>
<div id="testslide11">
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Idea" style="color:white;"/>Idea</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Design" style="color:white"/>Design</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Origami" style="color:white"/>Origami</h1>
</div>
<img src="http://openwetware.org/images/e/ea/Project.jpg" height="200px" width="300px"/>
<div class="testleft"><h1>Project</h1></div>
</div>
</div>
<div class="content-bottom-grids-left-grid first">
<div id="test2">
<div id="testslide2">
</div>
<div id="testslide22">
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Method"style="color:white;"/>Method</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Result"style="color:white;"/>Result</h1>
</div>
<img src="http://openwetware.org/images/7/7e/Experiment.JPG" height="200px" width="300px"/>
<div class="testright"><h1>Experiment</h1></div>
</div>
</div>
<div class="content-bottom-grids-left-grid">
<div id="test3">
<img src="http://openwetware.org/images/d/d1/Member.jpg" height="200px" width="300px"/>
<div class="testleft"><h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Member"style="color:white;">Member</h1></div>
</div>
</div>
<span class="right-border"> </span>
</div>
<div class="col-md-6 content-bottom-grids-right wow fadeInRight" data-wow-delay="0.4s">
<div class="content-bottom-grids-left-grid frist-grid">
<div id="test4">
<div id="testslide4">
</div>
<div id="testslide44">
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Review"style="color:white;"/>Review</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Future"style="color:white;"/>Future</h1>
</div>
<img src="http://openwetware.org/images/1/1d/Discussion.jpg" height="200px" width="300px"/>
<div class="testright"><h1>Discussion</h1></div>
</div>
</div>
<div class="content-bottom-grids-left-grid">
<div id="test5">
<div id="testslide5">
</div>
<div id="testslide55">
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Protocol"style="color:white;"/>Protocol</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Material"style="color:white;"/>Material</h1>
<h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Equipment"style="color:white;"/>Equipment</h1>
</div>
<img src="http://openwetware.org/images/e/ef/Supplement.JPG" height="200px" width="300px"/>
<div class="testleft"><h1>Supplement</h1></div>
</div>
</div>
<div class="content-bottom-grids-left-grid">
<div id="test6">
<img src="http://openwetware.org/images/1/15/Acknowledge.jpg" height="200px" width="300px"/>
<div class="testright"><h1><a href="http://openwetware.org/wiki/Biomod/2014/NTU/Acknowledge"style="color:white;"/>Acknowledge</h1></div>
</div>
</div>
</div> <div class="clearfix"> </div> </div> </div> <div class="footer"> <div class="container"> <div class="footer-grids"> <div class="footer-left"> <div class="footer-left-grids"> <div class="clearfix"> </div> </div> </div>
<div class="clearfix"> </div> <!---- footer-logo ----> <div class="footer-logo text-center"> <a href="#"><img src="http://openwetware.org/images/4/4d/Logo1.png" title="starnights" style="width:120px;" /></a> <p>Design by <a href="#">NTUBIOMOD,www.W3layouts.com</a></p>
<p style="position:relative; top:-30px;"><a rel="license" href="http://creativecommons.org/licenses/by/4.0/" style="top:-30px;"><img alt="創用 CC 授權條款" style="border-width:0" src="https://i.creativecommons.org/l/by/4.0/88x31.png" /></a><br />本著作係採用<a rel="license" href="http://creativecommons.org/licenses/by/4.0/">創用 CC 姓名標示 4.0 國際 授權條款</a>授權.<br />此作品衍生自<a xmlns:dct="http://purl.org/dc/terms/" href="http://timefortaiwan.tw/touching/popup_18025.jsp" rel="dct:source">http://timefortaiwan.tw/touching/popup_18025.jsp</a>。</p>
<script type="text/javascript"> $(document).ready(function() { /* var defaults = { containerID: 'toTop', // fading element id containerHoverID: 'toTopHover', // fading element hover id scrollSpeed: 1200, easingType: 'linear' }; */
$().UItoTop({ easingType: 'easeOutQuart' });
}); </script> </div> <!---- footer-logo ----> </div> </div> <!--- footer ----> </div> <!---- container ----> </body> <script type="text/javascript"> $(document).ready(function() { $("#test1").hover(function(){ $("#testslide1").animate({left: '+0px'},500);}, function(){ $("#testslide1").animate({left: '-300px'},500);}); $("#test1").hover(function(){ $("#testslide11").animate({left: '+0px'},500);}, function(){ $("#testslide11").animate({left: '-300px'},500);});
$("#test2").hover(function(){ $("#testslide2").animate({right: '+0px'},500);}, function(){ $("#testslide2").animate({right: '-300px'},500);}); $("#test2").hover(function(){ $("#testslide22").animate({right: '+0px'},500);}, function(){ $("#testslide22").animate({right: '-300px'},500);});
$("#test4").hover(function(){ $("#testslide4").animate({right: '+0px'},500);}, function(){ $("#testslide4").animate({right: '-300px'},500);}); $("#test4").hover(function(){ $("#testslide44").animate({right: '+0px'},500);}, function(){ $("#testslide44").animate({right: '-300px'},500);});
$("#test5").hover(function(){ $("#testslide5").animate({left: '+0px'},500);}, function(){ $("#testslide5").animate({left: '-300px'},500);}); $("#test5").hover(function(){ $("#testslide55").animate({left: '+0px'},500);}, function(){ $("#testslide55").animate({left: '-300px'},500);});
}); </script> </html>