Ana Sayfa Forum Yardim Arama Site Ekle Arsiv Giris Kayit

HoŞ Geldin Ziyretçi Lütfen Giriş ya da Üye OL
Ip Adresiniz: 18.97.14.89
Adınız:
Şifreniz:


Sayfa: [1] Aşağı git
Yazdır

Gönderen Konu: Sayfayi animasyonlu açmak (Html Kod) (Okunma Sayısı 5465 defa)
0 Üye ve 1 Ziyaretçi konuyu incelemekte.
10 Temmuz 2008, 19:17:49
Yönetici
Kupa (Karizma)
*



Kisisel Mesaj:
www.KupaVaLe.com
Cinsiyet:
Bay
Üye ID:
1
Kayit Tarihi:
12 Eylül 2007, 00:00:00
Nereden:
istanbul
Mesaj Sayisi:
3061
Rep Puani:
Rep Gücü:7802
Ruh Halim:
Deneyimleri:

Aktiflik

Deneyim

Seviye

Kötü itibar
iletisim:
Üyelik Bilgileri WWW Offline
« : 10 Temmuz 2008, 19:17:49 »



Sayfanin ön yüzünde açilan kapi animasyonu

Kod:
<body><SCRIPT>
var width=document.body.clientWidth;
var height=document.body.clientHeight;

function doClickText(who,type,step,timeOut) {
document.getElementById(who).style.display="none";
if(type==0) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);}
if(type==1) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3);}}
function reveal(who,step,timeOut,type) {
if(type==0)
var where="top";
if(type==1)
var where="bottom";
if(type==2)
var where="left";
if(type==3)
var where="right";
eval('var temp=document.getElementById(who).style.'+where);
temp=parseInt(temp);
if(type==0||type==1)
var checkWith=height/2;
if(type==2||type==3)
var checkWith=width/2;
if(-temp<checkWith) {
temp-=step;
eval('document.getElementById(who).style.'+where+'=temp;');
setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut);}
else {
document.getElementById(who).style.display="none";
document.body.scroll="yes";}}
function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) {
if(type==0) {
var bWhere1="border-bottom";
var bWhere2="border-top";
var putZero1="top:0px; left:0px";
var putZero2="bottom:0px; left:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1',step,timeOut,0);
reveal('revealDiv2',step,timeOut,1);}

else {
clickText(type,step,timeOut);}}

if(type==1) {
var bWhere1="border-right";
var bWhere2="border-left";
var putZero1="top:0px; left:0px";
var putZero2="top:0px; right:0px";
document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>');
if(!click) {
reveal('revealDiv1',step,timeOut,2);
reveal('revealDiv2',step,timeOut,3);}
else {
clickText(type,step,timeOut);}}
function clickText(type,step,timeOut) {
document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:pointer" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>');}}
</SCRIPT>
<SCRIPT>
var clickw=170; // Width
var clickh=20; // Height
var clickb=2; // Border width
var clickc="#CCFFCC"; // Border color
var clickbg="#000000"; // Background color
var clickt="Siteye girmek icin tiklayin."; // Text to display
var clickFont="font-family:Tahoma,arial,helvetica; font-size:10pt; font-weight:bold; color:#FF0000"; // The font style of the text
new initReveal(0,'#CCFFCC','#CCFFCC',1,1,'#00FF00','#000000',3,10,true);
</SCRIPT><body>
Konuyu Paylaş:
Google Ekle Facebook Profiline Ekle Yahoo Ekle Msn Ekle Reddit Ekle Digg Ekle Furl Ekle Del.icio.us Ekle Newsvine Ekle Technorati Ekle

Ana Sayfa Kırık Link Bildir Yardım

Logged




Sayfa: [1] Yukarı git
Yazdır


Gitmek istediğiniz yer:  

Benzer Konular
Konu Başlığı Başlatan Yanıtlar Görüntülenme Son Mesaj
Açılır Kapanır Yan Menü Kodu Html Html Kodlar bLue 0 5501 Son Mesaj 19 Ocak 2008, 17:39:57
Gönderen: bLue
Ana Sayfa Yapma Kodu Html Html Kodlar bLue 0 10752 Son Mesaj 19 Ocak 2008, 17:43:23
Gönderen: bLue
Sayfa Yükleniyor Kodu Html Html Kodlar bLue 0 6617 Son Mesaj 19 Ocak 2008, 18:02:12
Gönderen: bLue
Animated GIF Producer ile kolay bir şekilde animasyonlu Resimler ve Düğme (Yeni) Webmasterların ihtiyacı olanlar burada bLue 3 5195 Son Mesaj 26 Ocak 2009, 21:10:02
Gönderen: ROZAN
Html Arşivi Html Kodlar bLue 1 45383 Son Mesaj 01 Ekim 2008, 22:03:04
Gönderen: ejder
Html Dersleri Html Kodlar bLue 0 68869 Son Mesaj 08 Eylül 2008, 20:34:44
Gönderen: bLue
Cep Telefonlarınızın Güvenlik Kilitlerini Açmak Ve Kodları Resetleme Programı Cep Telefon Programları bLue 0 3554 Son Mesaj 28 Ocak 2010, 20:31:57
Gönderen: bLue
Animasyonlu Cep Telefonu Duvarkağıtları Hareketli Gifler Ve Animasyonlar bLue 0 4861 Son Mesaj 23 Şubat 2011, 23:03:10
Gönderen: bLue
Animasyonlu Ceptelefonu Duvarkağıtları Hareketli Gifler Ve Animasyonlar bLue 0 4294 Son Mesaj 23 Şubat 2011, 23:10:36
Gönderen: bLue
Thema Bilgileri (KupaVaLe V2 Özel Thema)

RSS | Arsiv | Sitemap | List | Wap | Wap2 | XML | SiteMap XML | SiteMap XML1 | urllist | XML 2 | Archive | urllist | RSS 1 | HTML

Bu Sayfa 0.141 Saniyede 28 Sorgu ile Oluşturuldu