Возник еще один вопрос по данной теме, а именно как заставить дочернии объекты не уменьшаться с объектом-контейнером у которого изменяем размер и позицию через transition. Возможно ли это?
|
simple,
гугл, stackowerflow - забанили? на сколько я знаю без хаков не как, по крайней мере не видел. кстати увидел ошибку у себя в коде http://javascript.ru/forum/events/37...tml#post250086 нужно так
<!DOCTYPE HTML>
<html>
<head> <style>
#t{
width:500px;
height:500px;
background-color:red;
}
</style></head>
<body>
<a href="#" id="go">start</a>
<div id="t">
</div>
<script>
function Reduce(param)
{
var scale = param.scale.start;
function _reduce() {
scale -= 0.1;
if(scale < param.scale.to){
scale = param.scale.to;
}
param.object.style.WebkitTransform = "scale("+scale+")";
if(scale != param.scale.to)
setTimeout(_reduce, 40);
};
this.Start = function () {
_reduce();
};
}
var reduce = new Reduce({
object: document.getElementById("t"),
scale:{
to:0,
start:1
}
})
document.getElementById("go").onclick = function () {
reduce.Start();
}
</script>
</body>
</html>
|
| Часовой пояс GMT +3, время: 14:54. |