Team:SEU O China/Template/Style
From 2012.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 12: | Line 12: | ||
#col_left{ | #col_left{ | ||
float: left; | float: left; | ||
- | width: | + | width: 540px; |
padding: 10px 100px 60px 60px;; | padding: 10px 100px 60px 60px;; | ||
margin:0; | margin:0; | ||
+ | } | ||
+ | |||
+ | navig{ | ||
+ | font-size:50px; | ||
+ | color: red; | ||
} | } | ||
</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('padding','7px 0px 7px 0px'); | ||
+ | $('.col_list li').css('background-color','#d5f2ba') | ||
+ | $('.col_list li').css('font-size','15px') | ||
+ | $('.col_list li').css('margin','15px') | ||
+ | $('.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> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var srcc=window.location; | ||
+ | srcc=srcc.toString() | ||
+ | start=srcc.indexOf("#"); | ||
+ | end=srcc.length; | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | if (start > 2) | ||
+ | { | ||
+ | $('.content').hide(); | ||
+ | var name = $(this).attr('id'); | ||
+ | $(srcc.substring(start,end)).fadeIn(500); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
</head> | </head> | ||
</html> | </html> |
Latest revision as of 13:40, 26 September 2012