Webmaster общности: Predpriemach.com | SearchEngines.bg

    Сянка на текст със JavaScript и CSS

    Автор: peter_ew

    Здравейте, приятели!
    Реших да напиша нещо, което може да е полезно на всеки. Например сянка на текст, която да работи под всички браузъри. Ето и файловете, които трябва да направите:
    script.js

    Да започнем първо със script.js

    var use=1;
    function shadowText(text) {
    var posx=0,posy=0;
    var obj1,obj2;
    document.write("<div id='shadow-text"+use+"'>"+text+"</div>");
    document.write("<div id='shadow"+use+"'>"+text+"</div>");
    obj1=document.getElementById('shadow'+use);
    obj2=document.getElementById('shadow-text'+use);
    if(!obj1 || !obj2)
    return false;
    posx=obj2.offsetLeft;
    posy=obj2.offsetTop;
    obj2.style.fontWeight="bold";
    obj1.style.fontWeight="bold";
    obj1.style.opacity="0.35";
    obj1.style.filter="alpha(opacity=35)";
    obj1.style.position="absolute";
    obj1.style.left=posx-1.5;
    obj1.style.top=posy+1.5;
    use++;
    }

    Във страницата, където искате да сложите текст със сянка слагате между <head> и </head>

    <script type="text/javascript" src="script.js"></script>

    А където искате да го използвате пишете:

    <script type="text/javascript">shadowText('текста');</script>

    Кода е авторски и забранявам преписването му в други сайтове без моето или разрешението на администратора!

    Оставете коментар