შესვლა

როგორ დააყენოთ ჩემს მიერ აწყობილი რეკლამის ბანერი

ეს ჩასვით css ში სულ დაბლა
.qitem {width:150px;height:150px;border:4px solid #222;margin:2;background: url('www.picz.ge/img/s3/1301/7/f/fd52426cdda8.png') no-repeat;overflow:hidden;cursor:hand;position:relative;float:left;cursor:pointer;}
.qitem img {border:0;position:absolute;z-index:200;}
.qitem .caption {position:absolute;z-index:0;color:#ccc;display:block;}
.qitem .caption h4 {font-size:14px;padding:10px 5px 0 8px;margin:0;color:#CCD718;}
.qitem .caption p {font-size:12px;padding:3px 5px 0 8px;margin:0;}
.topLeft, .topRight, .bottomLeft, .bottomRight {position:absolute;background-repeat: no-repeat;float:left;}
.topLeft {background-position: top left;}
.topRight {background-position: top right;}
.bottomLeft {background-position: bottom left;}
.bottomRight {background-position: bottom right;}


ეს ჩასვით სადაც გინდათ რომ გამოჩნდეს სკრიტი


<script src="http://lazara.at.ua/lazara.js"></script>

<script src="http://lazara.at.ua/lazara1.js"></script><script>

$(document).ready(function() {

  var style_in = 'easeOutBounce';

  var style_out = 'jswing';

  var speed_in = 1000;

  var speed_out = 300;

  var neg = Math.round($('.qitem').width() / 2) * (-1);

  var pos = neg * (-1);

  var out = pos * 2;

  $('.qitem').each(function () {

  url = $(this).find('a').attr('href');

  img = $(this).find('img').attr('src');

  alt = $(this).find('img').attr('img');

  $('img', this).remove();

  $(this).append('<div class="topLeft"></div><div class="topRight"></div><div class="bottomLeft"></div><div class="bottomRight"></div>');

  $(this).children('div').css('background-image','url('+ img + ')');

  $(this).find('div.topLeft').css({top:0, left:0, width:pos , height:pos});

  $(this).find('div.topRight').css({top:0, left:pos, width:pos , height:pos});

  $(this).find('div.bottomLeft').css({bottom:0, left:0, width:pos , height:pos});

  $(this).find('div.bottomRight').css({bottom:0, left:pos, width:pos , height:pos});

  }).hover(function () {

  $(this).find('div.topLeft').stop(false, true).animate({top:neg, left:neg}, {duration:speed_out, easing:style_out});

  $(this).find('div.topRight').stop(false, true).animate({top:neg, left:out}, {duration:speed_out, easing:style_out});

  $(this).find('div.bottomLeft').stop(false, true).animate({bottom:neg, left:neg}, {duration:speed_out, easing:style_out});

  $(this).find('div.bottomRight').stop(false, true).animate({bottom:neg, left:out}, {duration:speed_out, easing:style_out});

  },

  function () {

  $(this).find('div.topLeft').stop(false, true).animate({top:0, left:0}, {duration:speed_in, easing:style_in});

  $(this).find('div.topRight').stop(false, true).animate({top:0, left:pos}, {duration:speed_in, easing:style_in});

  $(this).find('div.bottomLeft').stop(false, true).animate({bottom:0, left:0}, {duration:speed_in, easing:style_in});

  $(this).find('div.bottomRight').stop(false, true).animate({bottom:0, left:pos}, {duration:speed_in, easing:style_in});

  }).click (function () {

  window.location = $(this).find('a').attr('href');

  });

});

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>

   

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>

   

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>

   

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>

   

   

   

  </script>

<div class="qitem">

<a href="http://gelesson.net/"><img src="http://www.picz.ge/img/s4/1301/4/1/1bcfcc44c4d6.jpg" width="150" height="150"/></a>

  <span class="caption"><h4><center>GELESSON.NET</center></h4><p><center>რეკლამის ფასი 1 ლარი 5 დღე მსურველებმა მოგვწერეთ საიტის ადმინისტრაციას,გადახდა ხდება EMONEY სისტემით</center></p></span>

</div>





859
ავტორი: lazara კატეგორია: ინტერნეტი
სულ კომენტარები: 3