 [JavaScript][HTML][CSS]Przyciemnianie tla, gdy pokazuje sie okienko |
| [JavaScript][HTML][CSS]Przyciemnianie tla, gdy pokazuje sie okienko |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 47 Pomógł: 0 Dołączył: 27.11.2013 Ostrzeżenie: (0%) 
 |
Czesc, pomoglby mi ktos zrobic, aby po kliknieciu w "Nazwa" (wtedy wysuwa sie okienko) tlo sie przyciemnialo? A gdy zamkniemy wracalo znowu do swojego pierwotnego stanu. Czyli widoczne normalnie. http://www.speedyshare.com/3DzVz/stronademo.rar daje "demo".
Z gory dziekuje serdecznie. Pozdrawiam. plik wystarczy otworzyc w przegladarce i kliknac na nazwa. (IMG:style_emoticons/default/smile.gif) |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 47 Pomógł: 0 Dołączył: 27.11.2013 Ostrzeżenie: (0%)
|
Tam jest czysty plik HTML.
Kod moge podac w code tutaj, a jest on, taki, jaki chce wam pokazac co mam, a opisalem, co chce, czyli przyciemnienie, bo teraz nie mam. (IMG:style_emoticons/default/sad.gif) Kod <html>
<head> <title>DEMO</title> <script src="http://code.jquery.com/jquery-2.1.0.min.js" type="text/javascript"></script> <script type="text/javascript"> function openOffersDialog(prospectElementID){ jQuery('#overlay').fadeIn('fast', function() { jQuery('#boxpopup').css('display', 'block'); jQuery('#boxpopup').animate({'left': '30%'}, 500); }); } function closeOffersDialog(prospectElementID) { jQuery(function(jQuery) { jQuery(document).ready(function() { jQuery('#' + prospectElementID).animate({'left': '-100%'}, 500, function() { jQuery('#' + prospectElementID).css('position', 'fixed'); jQuery('#' + prospectElementID).css('left', '100%'); jQuery('#overlay').fadeOut('fast'); }); }); }); } </script> <style> .box { background: #FFF; color: #888888; height: 205px; left: 100%; padding: 20px; position: fixed; right: 30%; top: 25%; width: 555px; z-index: 101; border:7px solid #000; border-radius:10px; -moz-border-radius:10px; } #overlay { background: #000000; left: 0; position: fixed; right: 0; top: 0; z-index: 100; opacity:0.5; display:none; } a.boxclose { cursor: pointer; float: right; position: relative; }</style> </head> <body> <div id="overlay" class="overlay"></div> <a style="cursor: pointer;" onclick="openOffersDialog();" class="tipTip" title="Więcej...">NAZWA</a> <div id="boxpopup" class="box"> <a onclick="closeOffersDialog('boxpopup');" class="boxclose">X</a> Tezxtxdasdaydvafvretgasdfvas</div> </div> </body> </html> |
|
|
|
ossUter [JavaScript][HTML][CSS]Przyciemnianie tla, gdy pokazuje sie okienko 5.07.2014, 09:32:16 
mitorski Em jak masz demo to po co my Ci mamy pomagać? Prze... 5.07.2014, 12:28:07 mitorski No nic więcej nie potrzebujesz, nie działa gdyż po... 5.07.2014, 18:54:23 
ossUter Dzieki serdecznie. 5.07.2014, 22:16:58  |
|
Aktualny czas: 5.10.2025 - 04:08 |
