All about you

Páginas: 18 (4478 palavras) Publicado: 5 de abril de 2013
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>
<html xmlns=””>
<script type="text/javascript"

<linkhref='' rel='stylesheet' type='text/css'>


$(document).ready(function() {


//When you clickon a link with class of poplight and the href starts with a #

$('a.poplight[href^=#]').click(function() {

var popID = $(this).attr('rel'); //Get Popup Name

var popURL = $(this).attr('href'); //Get Popup href to define size//Pull Query & Variables from href URL

var query= popURL.split('?');

var dim= query[1].split('&');

var popWidth = dim[0].split('=')[1]; //Gets the first query string value

//Fade in thePopup and add close button

$('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="Close Window" alt="Close" /></a>');

//Define margin for center alignment(vertical horizontal) - we add 80px to the height/width to accomodate for the padding and border width defined in the css

var popMargTop = ($('#' + popID).height() + 80) / 2;

var popMargLeft = ($('#' + popID).width() + 80) / 2;

//Apply Marginto Popup

$('#' + popID).css({

'margin-top' : -popMargTop,

'margin-left' : -popMargLeft


//Fade in Background$('body').append('<div id="fade"></div>'); //Add the fade layer to bottom of the body tag.

$('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'}) is used to fix the IE Bug on fading transparencies

return false;});

//Close Popups and Fade Layer

$('a.close, #fade').live('click', function() { //When clicking on the close or fade layer...

$('#fade , .popup_block').fadeOut(function() {$('#fade, a.close').remove(); //fade them both out


return false;




Ler documento completo

Por favor, assinar para o acesso.

Estes textos também podem ser interessantes

  • about all
  • Its all about the why
  • 7 Things you shold know about twitter
  • what did you study at school about Christopher Columbus?
  • ALL
  • About me
  • You

Seja um membro do Trabalhos Feitos