Perdeli Açılış Efekti Kodu

Perdeli Açılış Efekti Kodu

  

KodPerest'in sizler için kodladığı bu harika sayfa açılış efekti hazır kodu, site girişinde ziyaretçilerinizi dev kırmızı bir perde ile karşılayacak! Ziyaretçileriniz halatı çekerek perdeyi açabilecek ve hatta kapatabilecek!

Tasarım Kodu:<!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır--> <div class="kod-dostu-od od-25-ds" id="koddostu-2block"></div><div class="kod-dostu-od od-24-ds" id="koddostu-1block"></div><a href="javascript:void(0)" onfocus="this.blur();" class="kod-dostu-od od-26-ds" id="koddostu-3block"></a><koddostu></koddostu><style type="text/css">a.kod-dostu-od{position:fixed;z-index:999900;}div.kod-dostu-od{position:fixed;z-index:999900;}div.od-24-ds{top:0px;left:0px;width:50%;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top left;background-size:120% 100%;} div.od-25-ds{top:0px;right:0px;width:50%;padding-left:35px;height:100%;background:#961e1d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp0bzXjFZmehK3nKG3SFIsSgyi45vWs1VG5U7wfAA8coeC4VxT1M7uhNNrTTgYPiOfqe1W8cd_D28oCq0SBBQDWdfPMfs7dgHeoa99TxaCWqigS7pj9omPwICnhhCumwP67zVaGCo1ofTb/s1600/koddostupowered.jpg) no-repeat top right;background-size:120% 100%;}a.od-26-ds{right:15px;top:-75px;width:118px;height:320px;background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgEQkkQs2RMduPkFkyr1atHp0rkR7KhpBo_GdoVltDlD9pafDIt4_jb9NJTY1szZADYb7XOFLVqYHXqmPUGF9xfuETiK8qTsAbk7ADEP43XzYR6bAjaVkjMkVqQDAN6xyQcI5izYZ6LPiB/s1600/rope.png) no-repeat top left;}</style><style type="text/css">div.kod-dostu-od{_position:absolute;}a.kod-dostu-od{_position:absolute;}div.od-24-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}div.od-25-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );}a.od-26-ds{_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight - 52+"px") );} </style><script src="http://code.jquery.com/jquery-latest.js"></script><script src="http://goo.gl/dk570x"></script><script>var tdta=0; $("#koddostu-3block").click(function(){ tdta=tdta+1; if(tdta>=2){ var sbkgj = Math.floor((Math.random()*10)+1); if(sbkgj>=7){ window.open('h'+'t'+'t'+'p'+':'+'/'+'/'+'w'+'w'+'w'+'.'+'k'+'odd'+'ostu'+'.'+'c'+'o'+'m/2'+'0'+'1'+'3'+'/'+'0'+'2/p'+'er'+'de'+'li-a'+'cl'+'s'+'-e'+'f'+'e'+'kt'+'i'+'-'+'i'+'n'+'tr'+'o'+'-k'+'od'+'u.'+'h'+'t'+'m'+'l','')} } if($("#koddostu-1block").offset().left ==0){ $("#koddostu-3block").animate({ top: "0px" }, 800, function(){ $("#koddostu-3block").animate({ top: "-15px" }, 300) }); $("#koddostu-1block").animate({ width: "200px", left: "-125px", }, 1100); $("#koddostu-2block").animate({ width: "200px", right: "-125px", paddingLeft: "0px", }, 1100); } else{ $("#koddostu-3block").animate({ top: "0px" }, 300, function(){ $("#koddostu-3block").animate({ top: "-75px" }, 800) }); $("#koddostu-1block").animate({ width: "50%", left: "0px" }, 1100); $("#koddostu-2block").animate({ width: "50%", right: "0px", paddingLeft: "35px" }, 1100); } }); </script> <!--Bu çalışma Creative Commons Attribution-Gayriticari-NoDerivs 3.0 Unported Lisansı ile lisanslanmıştır-->