"
Team:HZAU-China/Gallery
From 2013.igem.org
(Difference between revisions)
(Created page with "{{:Team：HZAU-China/background-head}} <html> <style> #background{ background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg); float:left; min-heiht:600px; ...") |
|||
| Line 1: | Line 1: | ||
{{:Team：HZAU-China/background-head}} | {{:Team：HZAU-China/background-head}} | ||
<html> | <html> | ||
| + | <script type="text/javascript" src="/ajaxjs/jquery1.3.2.js"></script> | ||
| + | <style type="text/css"> | ||
| + | #tip {position:absolute;color:#333;display:none;} | ||
| + | #tip s {position:absolute;top:40px;left:-20px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;} | ||
| + | #tip s i {position:absolute;top:-10px;left:-8px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;} | ||
| + | #tip .t_box {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;} | ||
| + | #tip .t_box div {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;} | ||
| + | |||
| + | .tip {width:82px;height:82px;} | ||
| + | </style> | ||
| + | <script type="text/javascript"> | ||
| + | $(function(){ | ||
| + | $('.tip').mouseover(function(){ | ||
| + | var $tip=$('<div id="tip"><div class="t_box"><div><s><i></i></s><img src="'+this.src+'" /></div></div></div>'); | ||
| + | $('body').append($tip); | ||
| + | $('#tip').show('fast'); | ||
| + | }).mouseout(function(){ | ||
| + | $('#tip').remove(); | ||
| + | }).mousemove(function(e){ | ||
| + | $('#tip').css({"top":(e.pageY-60)+"px","left":(e.pageX+30)+"px"}) | ||
| + | }) | ||
| + | }) | ||
| + | </script> | ||
<style> | <style> | ||
#background{ | #background{ | ||
| Line 102: | Line 125: | ||
<p><br></p> | <p><br></p> | ||
| + | <p> </p> | ||
| + | <a><img class="tip" src="https://static.igem.org/mediawiki/2013/7/7b/234.png" /></a> | ||
| + | <a><img class="tip" src="https://static.igem.org/mediawiki/2013/7/7b/234.png" /></a> | ||
| + | <a><img class="tip" src="https://static.igem.org/mediawiki/2013/7/7b/234.png" /></a> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 13:17, 26 September 2013
