Difference between revisions of "Template:SYSU CHINA CLOSE"

Line 5: Line 5:
 
   </div>
 
   </div>
 
</div>
 
</div>
<div style="background-color: #aaa; color:#fff; height: 240px;padding-top:20px;text-align: center; padding-bottom: 30px;">
+
<div style="background-color: #FFE075; color:#fff; height: 240px;padding-top:20px;text-align: center; padding-bottom: 30px;">
 
<h5 style="text-align: center; margin-bottom: 30px;">Sponsor</h5>
 
<h5 style="text-align: center; margin-bottom: 30px;">Sponsor</h5>
 
<div>
 
<div>
Line 15: Line 15:
 
</div>
 
</div>
 
</div>
 
</div>
<div style="background-color:#444; color: #fff; height: 70px;text-align: center;padding-top: 10px;">
+
<div style="background-color:#D7E79F; color: #fff; height: 70px;text-align: center;padding-top: 10px;">
 
Name: SYSU-China  School: Sun Yat-sen University<br>
 
Name: SYSU-China  School: Sun Yat-sen University<br>
 
Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
 
Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China<br>
Line 41: Line 41:
 
         }, 600);
 
         }, 600);
 
       });
 
       });
 +
 +
function g(s) {
 +
  s = s.split(', ');
 +
  var e = $('.sui-f-bar');
 +
  for (var j = 0; j < 11; j++) {
 +
    for (i in s) {
 +
    s[i] -= 5;
 +
    }
 +
  $(e[j]).css('background-color', 'rgb(' + s.join(', ') + ')');
 +
 +
  }
 +
}
 +
g('231, 107, 86');
 +
 +
var e = $('.sui-f-item');
 +
for (var i = 0; i < 11; i++) {
 +
  (function(i) {
 +
    $(e[i]).on('click', function(ev) {
 +
      console.log(i);
 +
      $(e[i]).toggleClass('bar-active');
 +
    });
 +
  }(i));
 +
}
 
   </script>
 
   </script>
 
</html>
 
</html>

Revision as of 09:29, 17 September 2015

Sponsor
Name: SYSU-China School: Sun Yat-sen University
Address: No. 135, Xingang Xi Road, Guangzhou, 510275, P. R. China
Contact: Chunyang Ni <nichy5@mail2.sysu.edu.cn>