koseyirtmakodu
Kodu "tasarımın üzerindeki yazı" kısmına ekleyin.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="catlaksite55"><img src="https://img.webme.com/pic/c/catlak-site55/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() } #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(https://img.webme.com/pic/c/catlak-site55/reklam00.png) no-repeat right top; } #catlaksite55 { position: fixed; right: 0; top: 0; background: url(https://img.webme.com/pic/c/catlak-site55/reklam00.png) 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(https://img.webme.com/pic/c/catlak-site55/reklam00.png) no-repeat right top; } </style>