2014-08-28 26 views

回答

0

幻燈片元素的信息,元素由滑動下來,眼簾中。但是如果我們想從底部向上滑動並進入視野呢?這裏的訣竅是使用一些明智的CSS。讓我們先從一個簡單的HTML結構:

HTML

<div id="slidebottom" class="slide"> 
    <button>slide it</button> 
    <div class="inner">Slide from bottom</div> 
</div> 

CSS

.slide { 
    position: relative; 
} 
.slide .inner { 
    position: absolute; 
    left: 0; 
    bottom: 0; 
} 

的JavaScript

$(document).ready(function() { 
$('#slidebottom button').click(function() { 
$(this).next().slideToggle(); 
}); 
}); 

閱讀教程here ...

相關問題