Сянка на текст със JavaScript и CSS
Здравейте, приятели!
Реших да напиша нещо, което може да е полезно на всеки. Например сянка на текст, която да работи под всички браузъри. Ето и файловете, които трябва да направите:
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>


Демо

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




/ Трябва да сте регистриран за да напишете коментар /