Metin2-Bilgisi

Kod:

 <div id="catlaksite55"> <div id="pageflip">  <a href="http://www.jotform.com/form/2104030606?TB_iframe=true&height=450&width=500" rel="sexylightbox" class="metin2-bilgisi"><img src="https://img.webme.com/pic/m/metin2-bilgisi/page_flip.png" alt="" /></a>   <div class="msg_block"></div>  </div> </div> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  <script type="text/javascript">
$(document).ready(function(){

//Page Flip on hover

 $("#pageflip").hover(function() {
  $("#pageflip img , .msg_block").stop()
   .animate({
    width: '307px',
    height: '319px'
   }, 500);
  } , function() {
  $("#pageflip img").stop()
   .animate({
    width: '50px',
    height: '52px'
   }, 220);
  $(".msg_block").stop()
   .animate({
    width: '50px',
    height: '50px'
   }, 200);
 });

 
});
</script>  <style> img { behavior: url(http://buyutech.co.cc/iefix.htc) } #pageflip {  position: relative;  right: 0; top: 0; bottom: 0;  float: right;  } #pageflip img {  width: 50px; height: 52px;  position: absolute;                       z-index: 99;  right: 0; top: 0; bottom: 0;  -ms-interpolation-mode: bicubic; background: url(RESMİN LİNKİ BURAYA) no-repeat right top; } #catlaksite55 {  position: fixed;  right: 0; top: 0;  background: url(RESMİN LİNKİ BURAYA) no-repeat right top; }  img {  border: 0;  #oageflip .msg_block {  width: 50px; height: 50px;  overflow: hidden;  position: absolute;  right: 0; top: 0; bottom: 0;  background: url(RESMİN LİNKİ BURAYA) no-repeat right top; } </style>