Team:Goettingen/suplement/scripts
From 2013.igem.org
(Difference between revisions)
m |
|||
(30 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
//alert(sib); | //alert(sib); | ||
- | sib.style.top = calDefTop(par) + par.clientHeight + 'px'; | + | sib.style.top = calDefTop(par) + par.clientHeight -1 + 'px'; |
sib.style.left = ob.offsetLeft + 'px'; | sib.style.left = ob.offsetLeft + 'px'; | ||
Line 19: | Line 19: | ||
} | } | ||
+ | |||
+ | //与jq中的toggle函数相似,简化版本 | ||
+ | function toggle(target){ | ||
+ | if(getComputedStyle(target,null).display == "none"){ | ||
+ | target.style.display = "block" | ||
+ | } else {target.style.display = "none"} | ||
+ | } | ||
+ | |||
+ | |||
function getOrgStyle(ob){ | function getOrgStyle(ob){ | ||
Line 32: | Line 41: | ||
{ | { | ||
$("#slide").fadeOut(300,function(){ | $("#slide").fadeOut(300,function(){ | ||
- | alert( | + | //alert(picSlide_i); |
- | document.getElementById("slide").src=e[ | + | document.getElementById("slide").src=e[picSlide_i]; |
- | document.getElementById("slide-a").href = link[ | + | document.getElementById("slide-a").href = link[picSlide_i]; |
- | + | picSlide_i++; | |
+ | //alert(picSlide_i); | ||
$("#slide").fadeIn(300,slide_ctrl()); | $("#slide").fadeIn(300,slide_ctrl()); | ||
}); | }); | ||
Line 46: | Line 56: | ||
function startslide() | function startslide() | ||
{ | { | ||
- | + | if(picSlide_i >= e.length) picSlide_i = 0; | |
fadeInOut(); | fadeInOut(); | ||
$("#resume").hide(); | $("#resume").hide(); | ||
$("#stop").show(); | $("#stop").show(); | ||
- | |||
timer = setTimeout("startslide()",5000); | timer = setTimeout("startslide()",5000); | ||
}; | }; | ||
Line 69: | Line 78: | ||
var x = 0; | var x = 0; | ||
var text = '<span id="slide-ctrl-1">'; | var text = '<span id="slide-ctrl-1">'; | ||
- | for(x=0;x< | + | for(x=0;x<e.length;x++){ |
- | if (x==( | + | if (x==(picSlide_i-1)) { text += '<img src="https://static.igem.org/mediawiki/2013/9/9d/Goe-this.png" />' ;} |
- | else { text += '<img src="https://static.igem.org/mediawiki/2013/4/4c/Goe-notThis.png" onclick=" | + | else { text += '<img src="https://static.igem.org/mediawiki/2013/4/4c/Goe-notThis.png" onclick="picSlide_i = ' + x + ';stopslide(); startslide()" />';} |
}; | }; | ||
text += '</span>'; | text += '</span>'; | ||
Line 81: | Line 90: | ||
function go2left(){ | function go2left(){ | ||
stoptimer(); | stoptimer(); | ||
- | if ( | + | if (picSlide_i == 0) picSlide_i = 5; |
- | + | picSlide_i = picSlide_i - 2; | |
- | if ( | + | if (picSlide_i < 0) picSlide_i =2; |
fadeInOut(); | fadeInOut(); | ||
} | } | ||
Line 96: | Line 105: | ||
ob1.style.width = '27%'} | ob1.style.width = '27%'} | ||
else {ob1.style.position =''; ob1.style.top = '';ob1.style.width = ''} | else {ob1.style.position =''; ob1.style.top = '';ob1.style.width = ''} | ||
- | + | ||
+ | |||
+ | |||
} | } | ||
Line 117: | Line 128: | ||
} | } | ||
- | + | ||
- | + | function illus(object,name,text){ | |
- | + | var obj = document.getElementById("illus"); | |
- | + | obj.innerHTML = '<h2 style="color:white" >' + name + '</h2>'; | |
- | + | var coords = object.coords; | |
- | + | var left = coords.substring(0,coords.indexOf(',')); | |
- | + | coords = coords.substring(coords.indexOf(',')+1); | |
- | + | var top = coords.substring(0,coords.indexOf(',')); | |
- | + | coords = coords.substring(coords.indexOf(',')+1); | |
- | + | var width = coords.substring(0,coords.indexOf(',')) - left; | |
- | + | coords = coords.substring(coords.indexOf(',')+1); | |
- | + | obj.style.left = left + 'px'; | |
- | + | obj.style.marginTop = coords - 40 + 'px'; | |
- | + | obj.style.width = width -20 + 'px'; | |
- | } | + | obj.onmouseout = function(){obj.style.display = 'none'} |
+ | obj.onmouseover = function(){obj.style.display = 'block';} | ||
+ | obj.onmousedown = function(){window.location.assign(object.href);} | ||
+ | obj.style.height = 40 + 'px'; | ||
+ | obj.style.display = 'block'; | ||
+ | //alert(); | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | function hideillus(){ | ||
+ | var obj = document.getElementById("illus"); | ||
+ | obj.style.display = "none"; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 11:56, 2 October 2013