"
Team:SEU O China/Template/Style
From 2012.igem.org
(Difference between revisions)
| Line 21: | Line 21: | ||
} | } | ||
</style> | </style> | ||
| + | <script> | ||
| + | $(document).ready(function(){ | ||
| + | $('.content').css('display','none'); | ||
| + | $('.content:first').css('display','block'); | ||
| + | $('.col_list li').css('cursor','pointer'); | ||
| + | $('.col_list li').css('background-color','#d5f2ba') | ||
| + | $('.col_list li').hover(function() { | ||
| + | $(this).css('background-color','#f4e0bf'); | ||
| + | }, function() { | ||
| + | $(this).css('background-color','#d5f2ba'); | ||
| + | }); | ||
| + | |||
| + | $('.col_list li').click(function () { | ||
| + | $('.content').hide(); | ||
| + | var name = $(this).attr('id'); | ||
| + | $('#'+name+'content').fadeIn(500); | ||
| + | |||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
</head> | </head> | ||
</html> | </html> | ||
Revision as of 11:43, 22 September 2012
