Team:KAIST Korea/Team KAIST
From 2012.igem.org
(Difference between revisions)
Line 135: | Line 135: | ||
div.someContent{ | div.someContent{ | ||
position:relative; | position:relative; | ||
- | width: | + | width:200px; |
- | height: | + | height:246px; |
padding:10px 0px 0px; | padding:10px 0px 0px; | ||
font-size:12px; | font-size:12px; | ||
Line 193: | Line 193: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | <script type="text/javascript"> | ||
+ | window.addEvent('domready',function(){ | ||
+ | $$('div.thumb').each(function(div){ | ||
+ | |||
+ | div.getElement('div.someContent').set('tween', {duration:'700'}); | ||
+ | div.getElement('div.divLeft').set('tween', {duration: '450'}); | ||
+ | div.getElement('div.divRight').set('tween', {duration: '450'}); | ||
+ | |||
+ | div.addEvent('mouseenter',function(e){ | ||
+ | this.getElement('div.divLeft').tween('left','-70px') | ||
+ | this.getElement('div.divRight').tween('left','80px') | ||
+ | this.getElement('div.someContent').tween("background-position", "-20px 0px"); | ||
+ | }) | ||
+ | div.addEvent('mouseleave',function(e){ | ||
+ | this.getElement('div.divLeft').tween('left','0px') | ||
+ | this.getElement('div.divRight').tween('left','0px') | ||
+ | this.getElement('div.someContent').tween("background-position", "0px -167px"); | ||
+ | |||
+ | }) | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:KAIST_Korea/footer}} | {{:Team:KAIST_Korea/footer}} |
Revision as of 23:48, 29 August 2012
2012 KAIST Korea
Mail : kaist.igem.2012@gmail.com
Twitter : twitter.com/KAIST_iGEM_2012
Facebook : www.facebook.com/KAISTiGEM2012
aaaa
Hyewon