动画div并使其向下滑动
|
作为新的jQuery，我无法合并代码以使div从左手到右动画，然后向下滑动。向下滑动前div的高度约为10像素，然后向下滑动至其全高351像素。
我可以单独完成上述操作，但不能合并执行！请多加指导，谢谢。
这是我当前的代码；
$.hideAllExcept = function(tabs,boxes){
function init() {
// make it bookmarkable/refreshable. but, no history.
var hash = window.location.hash;
(!hash) ? hideShow(\'#\' + $(boxes+\':first\').attr(\'id\')) : hideShow(window.location.hash);
// add click handler.
$(tabs).click(function(e) {
e.preventDefault();
var href = $(this).attr(\'href\');
// add back the hash which is prevented by e.preventDefault()
window.location.hash = href;
hideShow(href);
});
}
function hideShow(el) {
$(boxes).animate({\"left\": \"-650px\"}, \"slow\");
$(el).fadeIn(\'slow\').animate({\"left\" : \"60%\",height:\"351\" }, 1000);
$(tabs).removeClass(\'active\');
$(\'a[href=\"\' + el + \'\"]\').addClass(\'active\');
}
init();
};
(function($){
$.hideAllExcept = function(tabs,boxes){
function init() {
// make it bookmarkable/refreshable. but, no history.
var hash = window.location.hash;
(!hash) ? hideShow(\'#\' + $(boxes+\':first\').attr(\'id\')) : hideShow(window.location.hash);
// add click handler.
$(tabs).click(function(e) {
e.preventDefault();
var href = $(this).attr(\'href\');
// add back the hash which is prevented by e.preventDefault()
window.location.hash = href;
hideShow(href);
});
}
function hideShow(el) {
$(el).animate({\"left\": \"-650px\"}, \"slow\").fadeIn(\'slow\');
$(el).fadeIn(\'slow\').animate({\"left\" : \"60%\" }, 1000).animate({\"height\" : \"351\" }, 1000);
$(tabs).removeClass(\'active\');
$(\'a[href=\"\' + el + \'\"]\').addClass(\'active\');
}
init();
};
没有找到相关结果
已邀请:
2 个回复
拟蓬
$(el).fadeIn(\'slow\').animate({\"left\" : \"60%\"}, 1000).animate({\"height:\"351\" }, 1000);凰葱崎济邯
$(selector).animate({ key: val }, \'slow\' /*easing*/, function() { // second animation goes here });