Цитата:
И вообще уже давно пора валить спать) |
У меня вот тут другая дилемма, я думаю как сделать анимацию появления и исчезнавения, но при том чтобы она была вся на css и при том чтобы мой скрипт после анимации удаления понмиал что анимация кончилась и удалял блок.
|
Maxmaxmaximus4,
http://learn.javascript.ru/css-anima...-transitionend |
cyber, ты не пони, человек будет писать .. короче.
если у элемента на котором нужна анимация висит атрибут animate то всё что может давать анимацию - дает ему анимацию. как? добавлением классов .fade .show .remove и.т.п. и человек у себя в css оформляет эти классы такими какими он хочет видеть состояние элемента во время этого действия. и там он может сделать чо то типа transition = 1s; короче я думаю. |
хм, есть другой вариантик ^_^, ща замутим
|
Цитата:
|
а мне норм
<script src='//mychamber.ru/build/ui.js'></script>
<style>
body {padding: 40px; overflow-y : scroll; -webkit-user-select : none}
.list-item {
border : 1px solid black;
overflow : hidden;
height : 20px;
transition : 0.3s;
background-color : #bfc7ff;
}
.list-item.add {
height : 0;
-webkit-transform : scale(1.1, 4);
opacity : 0;
background-color : greenyellow;
}
.list-item.remove {
background-color : red;
opacity : 0;
height : 0;
}
.list-item.change {
opacity : 0.8;
background-color : #bbdeff;
}
</style>
<div controller="Chat">
<button click="unshift()">unshift</button>
<button click="shift()">shift</button>
<button click="insert()">insert</button>
<button click="change()">change</button>
<button click="reverse()">reverse</button>
<ul>
<li click="remove($index)" class="list-item" repeat="item in items">
{item.text}
</li>
</ul>
</div>
<script>
function Chat() {
items = [
{text: '21'},
{text: '242'}
]
unshift = function() { items.unshift({text: Math.random()}) }
shift = function() { items.shift() }
insert = function() { items.splice(2, 0, {text: 12312123}) }
remove = function(index) { items.splice(index, 1) }
change = function() { items[2] = {text: Math.random()} }
reverse = function() { items = items.reverse() }
}
</script>
|
осталось доделать сервис $http и пару директив запилить. и можно выпускать 1.0.0 ^_____________________^
а, ну и утечки пофиксить. |
Maxmaxmaximus4,
Не понял Цитата:
|
<script src='//mychamber.ru/build/ui.js'></script>
<div controller="User">
Привет {name}, тебе {age} лет!
</div>
<div controller="User as user">
Привет {user.name}, тебе {user.age} лет!
</div>
<script>
function User() {
name = 'Ашот'
age = 15
}
</script>
|
| Часовой пояс GMT +3, время: 05:08. |