Я расширил jQuery
вызываемые эффекты slideRightShow()
и slideLeftHide()
парой функций, которые работают аналогично slideUp()
и slideDown()
как показано ниже. Однако хотелось бы также реализовать slideLeftShow()
и slideRightHide()
.
Я знаю, что существуют значительные библиотеки, предлагающие такие вещи (я бы не хотел добавлять еще один большой набор javascript
файлов), но может ли кто-нибудь предоставить простой пример того, как реализовать либо slideLeftShow()
или slideRightHide()
?
jQuery.fn.extend({
slideRightShow: function() {
return this.each(function() {
jQuery(this).animate({width: 'show'});
});
},
slideLeftHide: function() {
return this.each(function() {
jQuery(this).animate({width: 'hide'});
});
},
slideRightHide: function() {
return this.each(function() {
???
});
},
slideLeftShow: function() {
return this.each(function() {
???
});
}
});
Вышеупомянутая slideRightShow
функция начинает показывать изображение с левой стороны и продвигается к правой стороне. Я ищу способ сделать то же самое, но начать с правой стороны и продвигаться к левой . Спасибо!
РЕДАКТИРОВАТЬ
В интерфейсе jQuery есть что-то вроде того, что мне нужно (мне в основном нужны их функции «сдвинуть вправо» и «выдвинуть влево»), но я не мог заставить это работать с jQuery 1.3: http://interface.eyecon.ro/demos /ifx.html . Кроме того, их демонстрация, похоже, не работает, так как она будет делать слайд только один раз, прежде чем выдаст миллион ошибок.
Ответы:
Эта функция включена как часть jquery ui http://docs.jquery.com/UI/Effects/Slide, если вы хотите расширить ее своими собственными именами, вы можете использовать это.
вам понадобятся следующие ссылки
источник
Не забывайте отступы и поля ...
С добавленными аргументами скорости / обратного вызова это полная замена для
slideUp()
иslideDown()
.источник
Вы можете добавить новую функцию в свою библиотеку jQuery, добавив эту строку в свой собственный файл сценария, и вы можете легко использовать
fadeSlideRight()
иfadeSlideLeft()
.Примечание: вы можете изменить ширину анимации, как вам нравится, 750 пикселей.
источник
... = function(opacity, speed, width, fn) {...}
А если вы хотите изменить скорость и включить обратные вызовы, просто добавьте их следующим образом:
источник