AlenaLP

Docs_on_landing_page

Mar 27th, 2014
231
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
jQuery 1.08 KB | None | 0 0
  1. <style>
  2.         #overlay_g{margin:0 0 0 0; z-index:500; position:fixed; display:none; background:#ffffff }
  3.     #overlay_g .close{ position:absolute; top:0px; right:-35px; background: none; border: none; cursor:pointer; padding:0; margin:0; }
  4.     #overlay_g .close:hover{ opacity:.8; }
  5.     #overlay_g .close img{ display:block; }
  6. </style>
  7. <div class="modal" id="overlay_g">
  8.     <button class="close"><img src="http://jquerytools.org/media/img/overlay/close.png"></button>
  9.         <iframe src="ССЫЛКА_НА_ДОКУМЕНТ" width="585" height="500" scrolling="auto" frameborder="0" ></iframe>
  10. </div>
  11. <script>
  12.     var overlay_button_g = '#block-new65'; //Идентификатор кнопки
  13.     var overlay_block_g = '#overlay_g';
  14.        
  15.     jq_144(function($){            
  16.                 $(overlay_block_g).overlay({top: '5%'});  
  17.         $(overlay_button_g).click(function(e){
  18.             e.preventDefault();
  19.                         $(overlay_block_g).css('left', Math.max(($(window).width() - $(overlay_block_g).width()) / 2, 0));              
  20.             $(overlay_block_g).overlay().load();
  21.         });
  22.  
  23.     });
  24. </script>
Advertisement
Add Comment
Please, Sign In to add comment