Sürekli Değişen Website Title Kodu - Web bulutu

Sürekli Değişen Website Title Kodu

javascript value değerlerini alma

 

Bazı sitelerde denk gelmişsinizdir, tarayıcıda başka bir sekmeye geçiş yaptığınızda sitenin title kısmı otomatik değişir.  Son zamanlarda  popüler olan bu işlemi, basit bir javascript kodu ile halledebilirsiniz.

Aşağıdaki kod, başka bir siteye giden kullanıcıya Buraya gelir misin lütfen mesajını gösterir. Kullanıcı siteye girdiğinde ise orjinal title haline geri döner.

var title = document.title;
var alttitle = "Buraya gelir misin lütfen";
window.onblur = function () { document.title = alttitle; };
window.onfocus = function () { document.title = title; };

Aşağıdaki kod ise üsttekinden farklı olarak, her seferinde farklı görünen metinler eklenmiştir ve biraz daha hareket katılmış halidir.

var title = document.title;
var alttitle = "Seni Çok Özledik! :)";
window.onblur = function () { document.title = alttitle; };
window.onfocus = function () { document.title = title; }; **/

var _cod_pageTitleVariables_4 = ["Bizimle de İlgilen :)", "Orada mısın? 🙂 ", "Seni çok özledik :)", "Unutursan Küserim 🙂 "];
$(function() {
    var _cod_pageTitle_4 = $("title").text();
    $(window).blur(function() {
    	var _cod_randomPageTitleText_4 = _cod_pageTitleVariables_4 [Math.floor(Math.random() * _cod_pageTitleVariables_4 .length)];
    	
    	$("title").text(_cod_randomPageTitleText_4);
    	window._cod_titleBlinkInterval = setInterval(function(){

         var blinkDate = new Date();
         var blinkTime = parseInt(blinkDate.getTime() / 1000);

         if(blinkTime % 2 == 1){
             $("title").text(_cod_randomPageTitleText_4);
         }
         else{
             $("title").text(_cod_pageTitle_4);
         }

     }, 750);
    	
    });
    $(window).focus(function() {
        clearInterval(window._cod_titleBlinkInterval);
        $("title").text(_cod_pageTitle_4);
    })
});

 

Kolay gelsin!

 

Bir önceki yazımız olan Scroll aşağıya indikçe efektli açılan divler / Resimler. başlıklı makalemizde animate css, div efekt ve scroll efekt hakkında bilgiler verilmektedir.


Bir cevap yazın

E-posta hesabınız yayımlanmayacak.