01.07.2012, 18:43
|
 |
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
жесть...
после добавление события
Event.addListener(document,"selectstart",drag.select_st,false);
перестает работать mouseup =) |
|
01.07.2012, 20:13
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
 Пока всё Отлично Работает! |
|
01.07.2012, 20:23
|
|
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
|
осталось анимацию допилить=)
|
|
01.07.2012, 20:35
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от cyber
|
|
осталось анимацию допилить=)
|
В принципе давно мечта допилить у себя мягкую посадку в корзину чмокo/чмопокующим звуком (Пока не нашел прилично-короткий звукоряд) есть мелодийка - но какая то ни бе - ни ме |
|
01.07.2012, 20:40
|
|
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
|
блин вроде какае то анимация а напрягу=)
если использовать css3 анмацию нужно писать проверку на поддержку браузером (свои нюансы), а js не хочу(не то что лень писать, просто не хочу)
|
|
01.07.2012, 20:55
|
|
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
бред какой , анимации не работает не в чем кроме хрома
.animate_for_old_postion{
-webkit-transition-property:left,top;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:ease;
-moz-transition-property:left,top;
-moz-transition-duration:1s;
-moz-transition-timing-function:ease;
transition-property:left,top;
transition-duration:1s;
transition-timing-function:ease;
-o-transition-property:left,top;
-o-transition-duration:1s;
-o-transition-timing-function:ease;
}
|
|
01.07.2012, 21:18
|
|
что-то знаю
|
|
Регистрация: 24.05.2009
Сообщений: 5,176
|
|
|
Сообщение от cyber
|
|
бред какой , анимации не работает не в чем кроме хрома
|
у меня все работает:
<!doctype hrml>
<html>
<head>
<style type="text/css">
.animate_for_old_postion{
width: 100px;
height: 100px;
border: 1px solid #000;
position: fixed;
-webkit-transition-property:left,top;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:ease;
-moz-transition-property:left,top;
-moz-transition-duration:1s;
-moz-transition-timing-function:ease;
-o-transition-property: left,top;
-o-transition-duration: 1s;
-o-transition-timing-function: ease;
transition-property:left,top;
transition-duration:1s;
transition-timing-function:ease;
}
.animate_for_old_postion:hover {
left: 100px;
top: 100px;
}
</style>
</head>
<body>
<div class="animate_for_old_postion"></div>
</body>
</html>
|
|
01.07.2012, 21:21
|
|
I am Student
|
|
Регистрация: 17.12.2011
Сообщений: 4,415
|
|
Сообщение от devote
|
у меня все работает:
<!doctype hrml>
<html>
<head>
<style type="text/css">
.animate_for_old_postion{
width: 100px;
height: 100px;
border: 1px solid #000;
position: fixed;
-webkit-transition-property:left,top;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:ease;
-moz-transition-property:left,top;
-moz-transition-duration:1s;
-moz-transition-timing-function:ease;
-o-transition-property: left,top;
-o-transition-duration: 1s;
-o-transition-timing-function: ease;
transition-property:left,top;
transition-duration:1s;
transition-timing-function:ease;
}
.animate_for_old_postion:hover {
left: 100px;
top: 100px;
}
</style>
</head>
<body>
<div class="animate_for_old_postion"></div>
</body>
</html>
|
я этот код взял из своего color picker он там тоже работает=)
а вот в этом скрипте нет=)
тут можно глянуть http://cyberua.16mb.com/drag&drop/ |
|
01.07.2012, 21:28
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
cyber,
ну есть воть от Гвоздь => Инерция drag-элемента
Или так
|
Цитата:
|
<style type="text/css">
img[unselectable]{
transition-property:left,top;
-webkit-transition-property:left,top;
-moz-transition-property:left,top;
-o-transition-property:left,top;
-ms-transition-property:left,top;
transition-duration: 0.06s;
-webkit-transition-duration: 0.06s;
-moz-transition-duration: 0.06s;
-o-transition-duration: 0.06s;
-ms-transition-duration: 0.06s; /* IE9+ */
}
</style>
|
|
|
|
|
