Autor Zpráva
fikefak
Profil *
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>
kód stránky:
    <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>
kód CSS
/* 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}

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0