Line 1: | Line 1: | ||
− | + | {{Template_All_Teams}} | |
+ | |||
<html> | <html> | ||
− | |||
− | |||
− | + | <style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | #tourimg{ | |
− | { | + | display:none; |
− | + | width:300px; | |
− | + | height:80px; | |
+ | margin-top:2%; | ||
+ | margin-left:82.5%; | ||
+ | position:absolute; | ||
+ | z-index:9999; | ||
} | } | ||
− | + | #spanimg{ | |
− | { | + | position:fixed; |
− | + | margin-top:0%; | |
− | + | margin-left:-1%; | |
− | + | height:150px; | |
− | + | width:150px; | |
− | + | opacity:1; | |
− | + | z-index:999; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | ul.ldd_menu a{ |
− | { | + | text-decoration:none; |
− | + | ||
− | + | ||
} | } | ||
+ | ul.ldd_menu > li{ | ||
+ | |||
+ | position:fixed; | ||
+ | margin-left:-2%; | ||
+ | width:150px; | ||
+ | z-index: 9999; | ||
+ | height:150px; | ||
+ | border-radius:0 0 190px 0; | ||
+ | transition-delay: 300ms; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | ul.ldd_menu > li:hover{ |
− | + | width:100%; | |
− | + | transition-delay: 0ms; | |
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | .ldd_submenu ul{ | |
− | + | margin-left:4%; | |
− | + | } | |
− | + | .ldd_submenu ul li{ | |
+ | padding-bottom:3%; | ||
} | } | ||
+ | ul.ldd_menu > li > span{ | ||
+ | float:right; | ||
+ | z-index:-1000; | ||
+ | position:absolute; | ||
+ | margin-left:0%; | ||
+ | width:0%; | ||
+ | height:100%; | ||
+ | font-size:100%; | ||
+ | color:green; | ||
+ | opacity:0; | ||
+ | background-color:white; | ||
+ | height:100%; | ||
+ | line-height:100%; | ||
+ | cursor:default; | ||
+ | padding:0px 20px; | ||
+ | border-radius:0 0 190px 0; | ||
+ | text-shadow:0px 0px 1px #CCC; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | . | + | |
− | + | .sub_wrap{ | |
− | + | width: 2500px; | |
− | + | margin: 0 auto 0 auto; | |
− | + | background-color: #000; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | . | + | ul.ldd_menu ul{ |
− | + | list-style:none; | |
− | + | display: inline-block; | |
+ | border-left:1px dotted #FFF; | ||
+ | padding-top: 10px; | ||
+ | padding-right: 5px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
} | } | ||
− | . | + | ul.ldd_menu .ldd_submenu{ |
− | + | position:absolute; | |
− | + | top:50px; | |
+ | width:100%; | ||
+ | display:none; | ||
+ | opacity:0.90; | ||
+ | font-size:10px; | ||
+ | background-color: #fff; | ||
} | } | ||
− | . | + | a.ldd_subfoot{ |
− | + | background-color:#f0f0f0; | |
− | + | color:#444; | |
+ | display:block; | ||
+ | clear:both; | ||
+ | padding:15px 20px; | ||
+ | font-family: Arial, serif; | ||
+ | font-size:10px; | ||
+ | text-shadow:0px 0px 1px #fff; | ||
+ | -moz-box-shadow:0px 0px 2px #777 inset; | ||
+ | -webkit-box-shadow:0px 0px 2px #777 inset; | ||
+ | -box-shadow:0px 0px 2px #777 inset; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | . | + | ul.ldd_menu ul li a{ |
− | + | font-family: Arial, serif; | |
− | + | font-size:12px; | |
− | + | line-height:20px; | |
− | + | color:#000; | |
+ | padding:1px 3px; | ||
} | } | ||
− | . | + | ul.ldd_menu ul li a:hover{ |
− | + | background:#FF3300; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | li.ldd_heading a{ | |
− | + | color:#fff !imporatant; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | + | li.ldd_heading{ | |
− | + | border:solid 1px black; | |
− | + | border-radius:5px 0 8px 0; | |
− | + | background-color:#0F93FC; | |
− | font- | + | font-family: Georgia, serif; |
− | + | color:white !important; | |
− | + | margin-bottom:5px; | |
+ | font-size: 13px; | ||
+ | font-style: italic; | ||
+ | color:#FF3300; | ||
+ | text-shadow:0px 0px 1px #B03E23; | ||
+ | padding:5px 0px 5px 0px; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*--------------General end-----------------*/ | |
− | + | ||
− | + | ||
− | + | /*--------------Global/content start----------------*/ | |
− | + | #content { /*-- changes default wiki settings --*/ | |
− | + | width: 100%; | |
− | + | height: 100%; | |
+ | border: 0px; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | /*--------------Global end------------------*/ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | + | body{ | |
− | + | margin:0; | |
− | + | padding:0; | |
+ | background-image:url("https://static.igem.org/mediawiki/2015/6/67/IITDwikipages_background.jpg"); | ||
+ | background-size:100% 100%; | ||
+ | |||
+ | } | ||
− | + | .iconshome{ | |
− | + | position:absolute; | |
− | + | width:7%; | |
− | + | -webkit-transition: all 1s ease; | |
− | + | -moz-transition: all 1s ease; | |
+ | -o-transition: all 1s ease; | ||
+ | transition all 1s ease: | ||
+ | } | ||
+ | .iconActive{ | ||
+ | width:10%; | ||
+ | } | ||
− | |||
− | + | </style> <!-- End of CSS --> | |
− | + | <body> | |
− | + | <div id="homeWrapper"> | |
+ | <div id="homeContent"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!--------------------------------code for site map--------------------------------> | |
− | + | <!---------------TOUR CANCELLED-------------------------> | |
− | + | ||
− | + | <div id="tour"> | |
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <!---------------TOUR CANCELLED-------------------------> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <div id="tour"> | |
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/tour"><img id="tourimg" src="https://static.igem.org/mediawiki/2015/1/11/IITDigem_tour.png"></a> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <!---------------TOUR CANCELLED-------------------------> | |
− | + | <!-------------Span sitemap image---------> | |
− | + | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/d/de/IITDSitemap1.png"> | |
− | + | <!------------Span sitemap image----------> | |
− | + | <div class="box"> | |
− | + | <ul id="ldd_menu" class="ldd_menu" style="position:absolute;"> | |
− | + | <li> | |
+ | <span id="site">SiteMap</span> | ||
+ | <!--- | ||
+ | <img id="spanimg" src="https://static.igem.org/mediawiki/2015/6/6b/IITDSitemap.png"> | ||
+ | --> | ||
+ | <div class="ldd_submenu"> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/abstract">ABSTRACT</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#ourproject">OUR PROJECT</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#categories">CATEGORIES</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/abstract#sponsors">SPONSORS</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/project">PROJECT</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#research">RESEARCH</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#prototype">PROTOTYPE</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/project#conclusion">CONCLUSION</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/notebook">NOTEBOOK</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#summary/">SUMMARY</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#timeline">TIMELINE</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/notebook#album">ALBUM</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/results">RESULTS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#parts">PARTS SUBMITTED</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#judging">JUDGING CRITERION</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/results#attributions">ATTRIBUTIONS</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/modelling">MODELLING</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#introduction">INTRODUCTION</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#mathematical">MATHEMATICAL MODEL</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#simulation">SIMULATION</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/modelling#interpretation">INTERPRETATION</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/team">TEAM<a/></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#ourstory">OUR STORY</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#mentors">MENTORS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#members">MEMBERS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/team#carpediem">CARPE DIEM</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/human_practices">ETHICS</a></li> | ||
+ | |||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#collaborations">COLLABORATIONS</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#outreach">OUTREACH</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#documentation">POLLUTION</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/human_practices#casestudy">CASE STUDY</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li class="ldd_heading"><a style="color:white;" href="https://2015.igem.org/Team:IIT_Delhi/ethics">HUMAN PRACTICES</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#orientation">ORIENTATION</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#openhouse">OPEN HOUSE</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#tryst">TRYST</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:IIT_Delhi/ethics#surveys">SURVEYS</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <img style="position:absolute;width:100%;z-index:-5;" src="https://static.igem.org/mediawiki/2015/6/68/IITDwikihome_background1.jpg"> | |
− | + | <nav style="border:solid 1px black;"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/abstract"><img class="iconshome iconsl" id="icon1" style="margin-top:4%; margin-left:10%;" src="https://static.igem.org/mediawiki/2015/6/6a/IITDabstract.png"></a> | |
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/modelling"><img class="iconshome" id="icon2" style="margin-top:4%; margin-left:83%;" src="https://static.igem.org/mediawiki/2015/b/b9/IITDmodelling1.png"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/project"><img class="iconshome iconsl" id="icon3" style="margin-top:14%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/2/2f/IITDproject1.png"></a> | |
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/team"><img class="iconshome" id="icon4" style="margin-top:14%; margin-left:87%;" src="https://static.igem.org/mediawiki/2015/0/01/Team1iitd.png"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/notebook"><img class="iconshome iconsl" id="icon5" style="margin-top:25%; margin-left:6%;" src="https://static.igem.org/mediawiki/2015/e/ee/Notebook_iitd.png"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/human_practices"><img class="iconshome" id="icon6" style="margin-top:25%; margin-left:86.5%;" src="https://static.igem.org/mediawiki/2015/2/27/IITDhp.png"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/results"><img class="iconshome iconsl" id="icon7" style="margin-top:36%; margin-left:9%;" src="https://static.igem.org/mediawiki/2015/0/0b/Results1_iitd.png"></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <a href="https://2015.igem.org/Team:IIT_Delhi/ethics"><img class="iconshome" id="icon8" style="margin-top:36%; margin-left:84%;" src="https://static.igem.org/mediawiki/2015/5/51/Ethics1_iitd.png"></a> | |
− | + | </nav> | |
− | + | </div> | |
− | + | </div> | |
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $("#icon1").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","2.5%"); | ||
+ | $(this).css("margin-left","8.5%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
− | + | $(this).css("margin-top","4%"); | |
− | + | $(this).css("margin-left","10%"); | |
− | + | $(this).removeClass("iconActive"); | |
+ | } | ||
+ | ); | ||
+ | |||
+ | $("#icon2").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","2.5%"); | ||
+ | $(this).css("margin-left","81.5%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","4%"); | ||
+ | $(this).css("margin-left","83%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
+ | $("#icon3").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","12.5%"); | ||
+ | $(this).css("margin-left","4.5%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","14%"); | ||
+ | $(this).css("margin-left","6%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
+ | $("#icon4").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","12.5%"); | ||
+ | $(this).css("margin-left","85.5%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","14%"); | ||
+ | $(this).css("margin-left","87%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
− | + | $("#icon5").hover( | |
− | + | function(){ | |
− | + | $(this).css("margin-top","23.5%"); | |
− | + | $(this).css("margin-left","4.5%"); | |
− | + | $(this).addClass("iconActive"); | |
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","25%"); | ||
+ | $(this).css("margin-left","6%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
+ | $("#icon6").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","23.5%"); | ||
+ | $(this).css("margin-left","85%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","25%"); | ||
+ | $(this).css("margin-left","86.5%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
− | + | $("#icon7").hover( | |
− | + | function(){ | |
− | + | $(this).css("margin-top","34.5%"); | |
− | + | $(this).css("margin-left","7.5%"); | |
− | + | $(this).addClass("iconActive"); | |
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","36%"); | ||
+ | $(this).css("margin-left","9%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
+ | $("#icon8").hover( | ||
+ | function(){ | ||
+ | $(this).css("margin-top","34.5%"); | ||
+ | $(this).css("margin-left","82.5%"); | ||
+ | $(this).addClass("iconActive"); | ||
+ | }, | ||
+ | function(){ | ||
+ | $(this).css("margin-top","36%"); | ||
+ | $(this).css("margin-left","84%"); | ||
+ | $(this).removeClass("iconActive"); | ||
+ | } | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | <script> | |
− | + | $(document).ready(function(){ | |
− | + | alert("Any page in one click:Use Sitemap"); | |
− | + | /** | |
− | + | * the menu | |
− | + | */ | |
− | + | var $menu = $('#ldd_menu'); | |
− | + | ||
− | + | /** | |
− | + | * for each list element, | |
− | + | * we show the submenu when hovering and | |
− | + | * expand the span element (title) to 510px | |
− | + | */ | |
− | + | $menu.children('li').each(function(){ | |
− | + | var $this = $(this); | |
− | + | var $span = $this.children('span'); | |
− | + | $span.data('width',$span.width()); | |
− | + | ||
− | + | $this.bind('mouseenter',function(){ | |
− | + | $menu.find('.ldd_submenu').stop(true,true).hide(); | |
− | + | $span.stop().animate({'width':'10%'},200,function(){ | |
− | + | $this.find('.ldd_submenu').slideDown(400); | |
− | + | }); | |
− | + | }).bind('mouseleave',function(){ | |
− | + | /**$this.find('.ldd_submenu').stop(true,true).hide(); */ | |
− | + | $span.stop().animate({'width':$span.data('width')+'px'},300); | |
− | + | $this.find('.ldd_submenu').slideUp(400); | |
− | + | }); | |
− | + | }); | |
− | + | }); | |
− | + | ||
− | + | //ipad and iphone fix | |
− | + | if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/iPad/i))) { | |
− | + | $(" #ldd_menu li a").click(function(){ | |
− | + | //we just need to attach a click event listener to provoke iPhone/iPod/iPad's hover event | |
− | + | //strange | |
− | + | }); | |
− | + | } | |
− | + | </script> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | /* | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </body> | |
</html> | </html> |
Revision as of 20:21, 27 October 2017