所以,我想在這個例子中上下效果,如創建幻燈片,jQuery的初學者問題關於幻燈片向上/向下作用
http://paulsturgess.co.uk/articles/show/83-jquery-text-slide-up-slide-down-effect
的問題是,它顯示的網頁打開時的文本。
我希望僅在鼠標懸停時顯示「段落」,而不在頁面第一次加載時顯示。
我是一個全新的jQuery,但我想讓它工作。
幫助?
我的腳本
<script type="text/javascript">
$(function(){
$('.feature_box').showFeatureText();
})
$.fn.showFeatureText = function() {
return this.each(function(){
var box = $(this);
var text = $('p',this);
// text.css({ position: 'absolute', top: '57px' }).hide();
box.hover(function(){
text.slideDown("slow");
},function(){
text.slideUp("fast");
});
});
}
HTML內容
<div>
<div class="feature_box" align="right">
<h2><a href="#">Cart Details</a></h2>
<p>
<a href="#">Excepteur sint occaecat cupidatat non proident. <BR />
Qui officia deserunt mollit anim id est laborum<br />
Excepteur sint occaecat cupidatat non proident. <BR />
Qui officia deserunt mollit anim id est laborum</a></p>
</div>
</div>
什麼樣的變化讓我的這樣,該段不默認,當第一次加載頁面出現?
此外,div
標記或p
標記上的鼠標懸停效果是什麼?我有點困惑。對不起,我對這一切都很陌生。
[編輯]
我只是做了一些改變,並且第一次加載頁面時,它沒有顯示的段落。
以下行被註釋掉了。
// text.css({position:'absolute',top:'57px'})。hide();
再一次是對DIV
標記或P
標記的鼠標懸停效果?
[EDIT 2]
是含有jQuery的或什麼的某種函數以下代碼行?
text.css({ position: 'absolute', top: '57px' }).hide();
什麼是「text.css」?
我已經更新了我的答案。 – Strelok 2010-08-17 06:23:27
@happysoul是的。 'text.css({position:'absolute',top:'57px'})。hide()'既定位和隱藏段落。它相當於'$('p',this).css({position:'absolute',top:'57px'})。hide()'。這很重要。看看我的答案中的代碼示例。 – 2010-08-17 07:23:02