Difference between revisions of "Team:NKU China/test"

Line 1: Line 1:
{{NKU_China/wiki}}
+
<!DOCTYPE html>
 
<html>
 
<html>
 
<head>
 
<head>
    <!--delete in wiki-->
+
<title>Team</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style>
+
<meta name="description" content="Made with WOW Slider - Create beautiful, responsive image sliders in a few clicks. Awesome skins and animations. Image slider" />
        #mw-content-text {
+
            height:1000px;
+
<!-- Start WOWSlider.com HEAD section --> <!-- add to the <head> of your page -->
        }
+
<link rel="stylesheet" href="https://2016.igem.org/Template:NKU_China/css/wowslider/Home-team?action=raw&ctype=text/css"/>
 
+
<script src="https://2016.igem.org/Template:NKU_China/js/jquery?action=raw&ctype=text/javascript"></script>
        .ui-effects-transfer {
+
<!-- End WOWSlider.com HEAD section -->
            border: 2px dotted gray;
+
        }
+
 
+
        #buttons {
+
            padding: 10px;
+
        }
+
    </style>
+
    <script src="https://2016.igem.org/Template:NKU_China/js/jquery?action=raw&ctype=text/javascript"></script>
+
    <script src="https://2016.igem.org/Template:NKU_China/js/jquery-ui?action=raw&ctype=text/javascript"></script>
+
    <script id="ready-js">
+
        $( function() {
+
            // run the currently selected effect
+
            function runEffect(effect) {
+
                // Most effect types need no options passed by default
+
                var options = {};
+
                // some effects have required parameters
+
                if ( effect === "scale" ) {
+
                    options = { percent: 50 };
+
                } else if ( effect === "transfer" ) {
+
                    options = { to: 'button[value="transfer"]', className: "ui-effects-transfer" };
+
                } else if ( effect === "size" ) {
+
                    options = { to: { width: 200, height: 60 } };
+
                }
+
 
+
                // Run the effect
+
                $( "#effect" ).effect( effect, options, 500, callback );
+
            };
+
 
+
            // Callback function to bring a hidden box back
+
            function callback() {
+
                setTimeout(function() {
+
                    $( "#effect" ).removeAttr( "style" ).hide().fadeIn();
+
                }, 1000 );
+
            };
+
 
+
            // Set effect from select menu value
+
            $("#buttons button").each(function (index, value) {
+
                $(value).on("click", function () {
+
                    runEffect($(this).attr('value'));
+
                    return false;
+
                });
+
            })
+
        } )
+
    </script>
+
  
 
</head>
 
</head>
 +
<body style="background-color:transparent;margin:auto">
 +
 +
<!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
 +
<div id="wowslider-container1">
 +
<div class="ws_images"><ul>
 +
<li><img src="https://static.igem.org/mediawiki/2016/d/dc/T--NKU_China--whole-group-4-3-1366.jpg" alt="Mingqiag Qiao" title="Mingqiag Qiao" id="wows1_0"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/f/fc/T--NKU_China--xiongyuxiu-4-3-1366.jpg" alt="Xiong Yvxiu" title="Xiong Yvxiu" id="wows1_1"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/1/19/T--NKU_China--chenchen-1366.jpg" alt="Chen Chen" title="Chen Chen" id="wows1_2"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/3/3a/T--NKU_China--liuxiao-4-3-1366.jpg" alt="Xiao Liu" title="Xiao Liu" id="wows1_3"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/b/be/T--NKU_China--dailiangti-1366.jpg" alt="Liangti Dai" title="Liangti Dai" id="wows1_4"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/a/a6/T--NKU_China--dongzhuoer-1366.jpg" alt="Zhuoer Dong" title="Zhuoer Dong" id="wows1_5"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/c/c6/T--NKU_China--zhaoxianglin-1366.jpg" alt="Zhao xianglin" title="Zhao xianglin" id="wows1_6"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/4/44/T--NKU_China--mengfankang-1366.jpg" alt="Fankang Meng" title="Fankang Meng" id="wows1_7"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/f/f0/T--NKU_China--songcunjiang-1366.jpg" alt="Cunjiang Song" title="Cunjiang Song" id="wows1_8"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/4/4c/T--NKU_China--zhangmengxian-1366.jpg" alt="Zhang Mengxian" title="Zhang Mengxian" id="wows1_9"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/6/68/T--NKU_China--songxinghao-1366.jpg" alt="Xinhao Song" title="Xinhao Song" id="wows1_10"/></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/d/dc/T--NKU_China--zhangzhaoran-4-3-1366.jpg" alt="Zhaoran Zhang" title="Zhaoran Zhang" id="wows1_11"/></li>
 +
<li><a href="http://wowslider.com/vi"><img src="https://static.igem.org/mediawiki/2016/c/ca/T--NKU_China--maxinyu-1366.jpg" alt="slider" title="Ma Xinyu" id="wows1_12"/></a></li>
 +
<li><img src="https://static.igem.org/mediawiki/2016/1/10/T--NKU_China--qiaomingqiang-4-3-1366.jpg" alt="qiaomingqiang-4-3" title="qiaomingqiang-4-3" id="wows1_13"/></li>
 +
</ul></div>
 +
<div class="ws_bullets"><div>
 +
<a href="#" title="Mingqiag Qiao"><span>1</span></a>
 +
<a href="#" title="Xiong Yvxiu"><span>2</span></a>
 +
<a href="#" title="Chen Chen"><span>3</span></a>
 +
<a href="#" title="Xiao Liu"><span>4</span></a>
 +
<a href="#" title="Liangti Dai"><span>5</span></a>
 +
<a href="#" title="Zhuoer Dong"><span>6</span></a>
 +
<a href="#" title="Zhao xianglin"><span>7</span></a>
 +
<a href="#" title="Fankang Meng"><span>8</span></a>
 +
<a href="#" title="Cunjiang Song"><span>9</span></a>
 +
<a href="#" title="Zhang Mengxian"><span>10</span></a>
 +
<a href="#" title="Xinhao Song"><span>11</span></a>
 +
<a href="#" title="Zhaoran Zhang"><span>12</span></a>
 +
<a href="#" title="Ma Xinyu"><span>13</span></a>
 +
<a href="#" title="qiaomingqiang-4-3"><span>14</span></a>
 +
</div></div><div class="ws_script" style="position:absolute;left:-99%"><a href="http://wowslider.com/vi">image slider</a> by WOWSlider.com v8.7</div>
 +
<div class="ws_shadow"></div>
 +
</div>
 +
<script src="https://2016.igem.org/Template:NKU_China/js/wowslider/Home-team?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2016.igem.org/Template:NKU_China/js/script/Home-team?action=raw&ctype=text/javascript"></script>
 +
<!-- End WOWSlider.com BODY section -->
  
<body>
 
        <div id="buttons">
 
            <button value="blind">Blind</button>
 
            <button value="bounce">Bounce</button>
 
            <button value="clip">Clip</button>
 
            <button value="drop">Drop</button>
 
            <button value="explode">Explode</button>
 
            <button value="fade">Fade</button>
 
            <button value="fold">Fold</button>
 
            <button value="highlight">Highlight</button>
 
            <button value="puff">Puff</button>
 
            <button value="pulsate">Pulsate</button>
 
            <button value="scale">Scale</button>
 
            <button value="shake">Shake</button>
 
            <button value="size">Size</button>
 
            <button value="slide">Slide</button>
 
            <button value="transfer">Transfer</button>
 
        </div>
 
        <img id="effect" src="https://static.igem.org/mediawiki/2016/d/d1/T--NKU_China--whole-group-1280.jpg" width="1280" height="721">
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 03:15, 15 August 2016

<!DOCTYPE html> Team

  • Mingqiag Qiao
  • Xiong Yvxiu
  • Chen Chen
  • Xiao Liu
  • Liangti Dai
  • Zhuoer Dong
  • Zhao xianglin
  • Fankang Meng
  • Cunjiang Song
  • Zhang Mengxian
  • Xinhao Song
  • Zhaoran Zhang
  • slider
  • qiaomingqiang-4-3
1 2 3 4 5 6 7 8 9 10 11 12 13 14
image slider by WOWSlider.com v8.7