Добавьте в стили position: absolute;
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
#text{
-moz-transform: rotate(-0deg);
-webkit-transform: rotate(-0deg);
-o-transform: rotate(-0deg);
-ms-transform: rotate(-0deg);
transform: rotate(-0deg);
position: absolute;
}
</style>
</head>
<body>
<div id="text">Силой мысли я перевернусь </div>
<script type="text/javascript">
window.onload = function(){
var eText = document.getElementById('text');
eText.style.MozTransform = 'rotate(45deg)';
eText.style.WebkitTransform = 'rotate(45deg)';
eText.style.OTransform = 'rotate(45deg)';
eText.style.MsTransform = 'rotate(45deg)';
eText.style.transform = 'rotate(45deg)';
}
</script>
</body>
</html>
Цитата:
|
Faab,
Он повернулся. Ураааааа. Странно, но пока я не сделала window.onload = function(){...} вместо своего function func(){...} func(); работать не хотело. Спасибо вам огромное. Уииииии |
Faab,
Если можно, объясните почему не сработало function func(){...} func(); |
Я предполагаю что id="text" ещё не успевает "загрузится" в DOM-дерево (паршивенько сказано конечно, но смысл вы поймёте. ). Если хотите проверить просто вставьте следующую строчку и вы увидите так ли это.
var eText = document.getElementById('text');
console.log(eText); // эту строку нужно вставить
eText.style.MozTransform = 'rotate(45deg)';
Хотя была бы ошибка. Но у меня работает и по вашему:
function func(){
var eText = document.getElementById('text');
console.log(eText);
eText.style.MozTransform = 'rotate(45deg)';
eText.style.WebkitTransform = 'rotate(45deg)';
eText.style.OTransform = 'rotate(45deg)';
eText.style.MsTransform = 'rotate(45deg)';
eText.style.transform = 'rotate(45deg)';
}
func();
|
Faab,
Еще раз огромное спасибо!!!! Профессор :) |
| Часовой пояс GMT +3, время: 17:52. |