"
Team:XMU-China/Gallery 1
From 2014.igem.org
(Difference between revisions)
(Created page with "<html lang="en"> <head> <meta charset="utf-8"> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <...") |
|||
| (One intermediate revision not shown) | |||
| Line 267: | Line 267: | ||
} | } | ||
</style> | </style> | ||
| + | <!--图片浏览开始--> | ||
<style> | <style> | ||
| - | @charset "utf-8"; | + | @charset "utf-8"; div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,button,img,button,select,iframe{padding:0;margin:0;border:0;} img,input,button,select,textarea,fieldset,iframe{vertical-align:top;*vertical-align:middle;} ul,li{list-style-type:none;} .clearfix{display:block;clear:both;} .clearfix{*zoom:1;} .clearfix:after{display:block; overflow:hidden;clear:both;height:0;visibility:hidden;content:".";} |
/* play */ | /* play */ | ||
play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;} | play{width:640px;text-align:center;position:relative;overflow:hidden;margin:5px auto;} | ||
| Line 275: | Line 276: | ||
play .next_a{right:0} | play .next_a{right:0} | ||
play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none} | play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none} | ||
| - | play .prev_a span{background:url(../ | + | play .prev_a span{background:url(https://static.igem.org/mediawiki/2014/c/cf/XMU-S_gallery_2012110702.png) no-repeat 0px -50px;left:0;} |
| - | play .next_a span{background:url(../ | + | play .next_a span{background:url(.https://static.igem.org/mediawiki/2014/c/cf/XMU-S_gallery_2012110702.png) no-repeat -30px -50px;right:0;} |
play .img_ul{position:relative;z-index:1;} | play .img_ul{position:relative;z-index:1;} | ||
| - | .img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;} .img_hd ul{position:absolute;z-index:1} .img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center} .img_hd ul li img{height:60px;} .img_hd ul li.on{border-color:rgb(45, 150, 233);} .img_hd .bottom_a{background:url(../ | + | .img_hd {width:640px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;overflow:hidden;height:66px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative;} .img_hd ul{position:absolute;z-index:1} .img_hd ul li{float:left;width:80px;height:60px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center} .img_hd ul li img{height:60px;} .img_hd ul li.on{border-color:rgb(45, 150, 233);} .img_hd .bottom_a{background:url(https://static.igem.org/mediawiki/2014/c/cf/XMU-S_gallery_2012110702.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10} .img_hd .prev_a{background-position:0 -24px;left:5px;} .img_hd .next_a{background-position:-30px -24px;right:5px;} |
</style> | </style> | ||
<script src="http://code.jquery.com/jquery-latest.js"></script> | <script src="http://code.jquery.com/jquery-latest.js"></script> | ||
| Line 304: | Line 305: | ||
$(".navbar_main").mouseenter(function(){ | $(".navbar_main").mouseenter(function(){ | ||
var nav_bar_hover_target = $(this); | var nav_bar_hover_target = $(this); | ||
| - | nav_bar_hover_target.children(".navbar_sub").slideDown(); | + | nav_bar_hover_target.children(".navbar_sub").stop().slideDown(); |
$(".navbar_main").mouseleave(function(){ | $(".navbar_main").mouseleave(function(){ | ||
var nav_bar_hoveroff_target = $(this); | var nav_bar_hoveroff_target = $(this); | ||
| - | nav_bar_hoveroff_target.children(".navbar_sub").slideUp(); | + | nav_bar_hoveroff_target.children(".navbar_sub").stop().slideUp(); |
}); | }); | ||
}); | }); | ||
Latest revision as of 03:12, 18 October 2014
