|
|
Line 85: |
Line 85: |
| </style> | | </style> |
| | | |
- | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/scripts/jquery.js"></script>
| |
- |
| |
- | <script type="text/javascript">
| |
- | function toggleElement(layer){
| |
- | var myLayer = document.getElementById(layer);
| |
- | if(myLayer.style.display=="none"){
| |
- | myLayer.style.display="block";
| |
- | myLayer.backgroundPosition="top";
| |
- | } else {
| |
- | myLayer.style.display="none";
| |
- | }
| |
- | }
| |
- | </script>
| |
- |
| |
- | <script type="text/javascript">
| |
- |
| |
- | function ddmsie() {
| |
- | $("#nav ul").css('display', 'inline-block');
| |
- | $("#nav li").css('display', 'inline');
| |
- | $("#nav a").css('display', 'inline-block');
| |
- | $("#nav a").hover(function () {$(this).css('background-color', '#d4e2ef')},
| |
- | function () {$(this).css('background-color', '#649cd7')});
| |
- | $("#nav div a").css('display', 'block');
| |
- | $("#nav div").css('left', '0');
| |
- | $("#nav div").css('top', '100%');
| |
- | $("#nav span div").css('top', '0');
| |
- | }
| |
- |
| |
- | function ddmozilla() {
| |
- |
| |
- | }
| |
- |
| |
- | function ddnav() {
| |
- | $("#nav li").hover(
| |
- | function () {
| |
- | $(this).find("div:first").css('display', 'inline');},
| |
- | function () {
| |
- | $(this).find("div:first").css('display', 'none');}
| |
- | );
| |
- |
| |
- | $("#nav span > a").toggle(
| |
- | function () {
| |
- | $(this).removeClass("#nav expand").addClass("#nav collapse");
| |
- | $(this).css('background-color', '#99AAFF');
| |
- | $(this).parent().find("div:first").css('display', 'block');},
| |
- | function () {
| |
- | $(this).removeClass("#nav collapse").addClass("#nav expand");
| |
- | $(this).hover(
| |
- | function () {
| |
- | $(this).css('background-color', '#d4e2ef');},
| |
- | function () {
| |
- | $(this).css('background-color', '#649cd7');}
| |
- | );
| |
- | $(this).parent().find("div:first").css('display', 'none');
| |
- | }
| |
- | ).addClass("#nav expand");
| |
- | }
| |
- |
| |
- | $(function () {
| |
- | if(jQuery.browser.msie) ddmsie();
| |
- | if(jQuery.browser.mozilla) ddmozilla();
| |
- | ddnav();
| |
- | });
| |
- | </script>
| |
| <div align="center" id="nav"> | | <div align="center" id="nav"> |
| <ul> | | <ul> |