Autor | Zpráva | ||
---|---|---|---|
fikefak Profil * |
#1 · Zasláno: 2. 5. 2017, 19:44:28
JS - menu při najetí na odkaz malé nereakční okénko updates, (malej obdélník, jenž mi překáží v kliknutí na tlačítko.) + Chtěl bych se zeptat, jak dát neviditelně kód pod tímto textem, ale při kliknutí na tlačítko s class BTN2 jej opět zviditelnit přes JS.
<p2><iframe width="100%" height="605px" src="https://www.reddit.com/r/GlobalOffensive/">News</iframe></p2> <script> $(document).ready(function(){ $(".btn1").click(function(){ $("p3").show(); }); $(".btn1").click(function(){ $("p2").hide(); }); $(".btn2").click(function(){ $("p3").hide(); }); $(".btn2").click(function(){ $("p2").show(); }); }); </script> <div class="body"> <ul> <li style="left: 0px; top: 0px; height: 57px; z-index: -1"><a class="btn2" onclick="myFunction()" href="#">Updates</a></li> <li style="left: 0px; top: 0px; height: 57px; z-index: -1"><a class="btn1" href="#">News</a></li> </ul> <p3><iframe width="100%" height="605px" src="http://counter-strike.net">Updates</iframe></br></p3> <p2><iframe width="100%" height="605px" src="https://www.reddit.com/r/GlobalOffensive/">News</iframe></p2> </script> /* body */ .body p2 {background:white; width: auto; height: auto;margin-top: -20px;} .body p3 {background:white; width: 100%; height: 100%;margin-top: -400em;} .body ul a {background: #fff;margin-top: -46px;display: inline-block;padding-top: 5px;padding-right: 10px;padding-left: 10px;padding-bottom: 5px;} .body {margin-top: 20px;background:white; max-width: 62%; height: 598px;font: italic bold 36px font-family;} .body iframe {border: none; margin-top: -57px;max-height: 600px} .body ul {height: 1em;} .body li {margin-left: 0px; float: left} .body li font {float: right;} .body a {float: left; width: auto; text-decoration: none; text-align: center; background-image: #FF8C00; color: silver; line-height: 1em; width: 1} .body li a:hover {color: black;background-size: 100% 99%;} /* submenu */ .body ul ul {display: none; position: absolute; top: 100%; background-image: url("images/menu-n.png");background-size: 100% 99%; border: 1px solid DarkCyan; border-top: 0; size: 120px} .body ul {padding: 0; margin: 0; list-style: none} /* rozbalení */ .body .show a {background-image: url("images/menu-h.png");color: DimGray;background-size: 100% 99%} .body .show li, li.show {background: #000; color: #fff;background-size: 100% 99%} .body .show ul {display: block} |
||
Časová prodleva: 7 let
|
0