DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> Jquery實現由下向上展開效果的例子
Jquery實現由下向上展開效果的例子
編輯:JQuery特效代碼     

常見的做向下展開的效果很簡單,直接用slideUp跟slideDown就行。
如果要展開的div是通過position:absolute絕對定位的,且通過相對與底部定位,如bottom:0px 這個時候調用slideDown就是向上展開的。

(因為slideDown說白了就是動態改變元素高度,底部定位固定,高度變高的時候就向上擴展了)

代碼如下:
 //精品推薦
 $('.remm_product ul li').hover(
  function(){
   $(this).find('.p_info').slideDown();
  },
  function(){
   $(this).find('.p_info').slideUp();
  }
 )

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved