Difference between revisions of "Team:Tianjin"

Line 15: Line 15:
 
#top_title{display:none;}
 
#top_title{display:none;}
 
.igem_2018_team_menu{display:none !important;}
 
.igem_2018_team_menu{display:none !important;}
−
.vi{
 
−
    visibility: visible !important;
 
−
    display: block !important;
 
−
    width:20px;
 
−
    height:20px;
 
−
    top:0px;
 
−
    position:absolute;
 
−
    right:0px;
 
−
    background-repeat: no-repeat;
 
−
    background-size:100% 100%;
 
−
    -moz-background-size:100% 100%;
 
−
    -webkit-background-size:100% 100%;
 
−
    background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--Tianjin--close.jpg);
 
−
}
 
 
</style>
 
</style>
 
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
 
<script src="https://use.fontawesome.com/597ba5ca72.js"></script>
Line 291: Line 277:
 
});
 
});
 
function maskMouseOver(){
 
function maskMouseOver(){
−
$('.texta').each(function(){
+
/*$('.maska').each(function(){
 +
$(this).on('click',function(event){
 +
event.preventDefault();
 +
$('texta').css({'visibility':'visible','display':''});
 +
$('div.textChange').addClass('textAnimation');
 +
$(document).bind('mousewheel', function(event, delta) { return false; });
 +
})
 +
});*/
 +
$('.texta').each(function(){
 
$(this).on('click',function(event){
 
$(this).on('click',function(event){
 
if($(event.target).is('.closeMask')){
 
if($(event.target).is('.closeMask')){
Line 301: Line 295:
 
});
 
});
 
});
 
});
−
var QAQ="I don't want to write like this, but if I use 'for', there is always something wrong.Excuse me."
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
var QAQ="I don't want to write like this, but if I use 'for', there is always something wrong.Excuse me."
 
var mask1 =$('a.mask1');
 
var mask1 =$('a.mask1');
 
var text1 = $('div.text1');
 
var text1 = $('div.text1');
Line 310: Line 310:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
var mask2 =$('a.mask2');
+
/*($('div.textChange')||$('div.row')||$('.closeMask')).on('click',function(event){
 +
event.preventDefault();
 +
            text1.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text1.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
    var mask2 =$('a.mask2');
 
var text2 = $('div.text2');
 
var text2 = $('div.text2');
 
mask2.on('click',function(event){
 
mask2.on('click',function(event){
Line 318: Line 332:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
var mask3 =$('a.mask3');
+
/*text2.on('click',function(event){
 +
if($(event.target).is('.closeMask')){
 +
event.preventDefault();
 +
$(this).css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text2.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
var mask3 =$('a.mask3');
 
var text3 = $('div.text3');
 
var text3 = $('div.text3');
 
mask3.on('click',function(event){
 
mask3.on('click',function(event){
Line 326: Line 356:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
var mask4 =$('a.mask4');
+
/*text3.on('click',function(event){
 +
if($(event.target).is('.closeMask')){
 +
event.preventDefault();
 +
$(this).css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text3.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
var mask4 =$('a.mask4');
 
var text4 = $('div.text4');
 
var text4 = $('div.text4');
 
mask4.on('click',function(event){
 
mask4.on('click',function(event){
Line 334: Line 380:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
var mask5 =$('a.mask5');
+
/*(text4||$('.closeMask')).on('click',function(event){
 +
if($(event.target).is('.texta')){
 +
event.preventDefault();
 +
$(this).css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text4.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
var mask5 =$('a.mask5');
 
var text5 = $('div.text5');
 
var text5 = $('div.text5');
 
mask5.on('click',function(event){
 
mask5.on('click',function(event){
Line 342: Line 404:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
var mask6 =$('a.mask6');
+
/*(text5||$('.closeMask')).on('click',function(event){
 +
if($(event.target).is('.texta')){
 +
event.preventDefault();
 +
$(this).css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text5.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
var mask6 =$('a.mask6');
 
var text6 = $('div.text6');
 
var text6 = $('div.text6');
 
mask6.on('click',function(event){
 
mask6.on('click',function(event){
Line 350: Line 428:
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
$(document).bind('mousewheel', function(event, delta) { return false; });
 
});
 
});
−
    </script>
+
/*(text6||$('.closeMask')).on('click',function(event){
−
    <script>
+
if($(event.target).is('.texta')){
−
    var $close ='<div class="texta closeMask vi"></div>';
+
event.preventDefault();
−
    $('.textChange').append($close);  
+
$(this).css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});
 +
$(document).keyup(function(event){
 +
if (event.which=='27') {
 +
text6.css({'visibility':'hidden','display':'none'});
 +
$('div.textChange').removeClass('textAnimation');
 +
$(document).unbind('mousewheel');
 +
}
 +
});*/
 +
 
 +
}
 
     </script>
 
     </script>
 
     <div></div>
 
     <div></div>

Revision as of 05:26, 5 August 2018

Team:Tianjin - 2018.igem.org