Динамическое изменение text-shadow

blaga · 12 марта 2010

Всем доброго времени суток.

Вопрос такой. Как вы знаете новые браузеры стали поддерживать некоторые вещи из CSS3 и хотелось бы не отставать.

Как его применить я решил. Но мне нужен такой скрипт который бы по таймеру рандомом выдавал бы это свойство к тексту.

Но сколько я не мучался, ничего толкового не получается. Изменение размеров текста получается, а вот изменить это свойство - нет.

Вот скрипт, может кто подскажет как его поправить и что в нем не работает.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>asdzxc</title>

<script type="text/javascript">

// использование Math.round() даст неравномерное распределение!

function getRand(min, max)

{

  return Math.floor(Math.random() * (max - min + 1)) + min;

}


function animate(element) {

setInterval(function Font()

{


    var el = document.getElementById(element);

	el.style.text-shadow = getRand('10','20')+"px "+getRand('10','20')+"px "+getRand('10','20')+"px #00ff00;";

}, 300);

}

</script>

</script>

</head>

<body>

<a href="javascript:void(0);" onclick="animate('content');">START</a>

<br /><br /><br />


<div  style="font-size:24px;text-shadow: 1px 1px 1px #000000;">

<a href="#" id="content">Super text</a>

</div> 

</body>

</html>

Всем заранее спасибо, плюсомет заряжен.

Войти

Динамическое изменение text-shadow

Рекомендованные сообщения

blaga 39

Ссылка на сообщение

Поделиться на других сайтах

Присоединяйтесь к обсуждению

Форум

Активность