作者 主題: 請問一下這樣的效果  (閱讀 5067 次)

0 會員 與 1 訪客 正在閱讀本文。

itw

  • 憂鬱的高中生
  • ***
  • 文章數: 117
    • 檢視個人資料
請問一下這樣的效果
« 於: 2010-04-07 12:15 »
請教一下,這樣的效果有嗎

我是利用jquery的slideDown和slideUp在做效果
可是我想要的是由上往下[消失],但預設slideUp是由上往下[出現]

所以想請教各位前輩,不知有沒有這效果

謝謝

flylinux

  • 可愛的小學生
  • *
  • 文章數: 8
    • 檢視個人資料
    • 工作達人
回覆: 請問一下這樣的效果
« 回覆 #1 於: 2010-09-07 09:53 »
是要像http://api.jquery.com/slideUp/
這裡說的效果嗎?
工作達人
幫我衝Fun Taiwan連結,有機會中飲料!

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: 請問一下這樣的效果
« 回覆 #2 於: 2010-10-25 11:34 »
請教一下,這樣的效果有嗎

我是利用jquery的slideDown和slideUp在做效果
可是我想要的是由上往下[消失],但預設slideUp是由上往下[出現]

所以想請教各位前輩,不知有沒有這效果

謝謝

剛剛正好在玩這個

代碼: (html) [選擇]
<style type="text/css">
  .slideDiv { background: #810 url(images/bg-pcs01.jpg) no-repeat 10% 80%; margin: 15px; padding: 10px; width: 320px; height: 300px;}
</style>
<button onclick='$(".slideDiv").toggle("slide", {direction: "down"}, 1000);'>Click Me</button>
<div class="slideDiv"></div>

需要用到 jquery-ui, 我只試過 1.7.2或新版, 更早的版本沒試過

micmic3

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: 請問一下這樣的效果
« 回覆 #3 於: 2010-10-25 12:00 »
請教一下,這樣的效果有嗎

我是利用jquery的slideDown和slideUp在做效果
可是我想要的是由上往下[消失],但預設slideUp是由上往下[出現]

所以想請教各位前輩,不知有沒有這效果

謝謝

剛剛正好在玩這個

代碼: (html) [選擇]
<style type="text/css">
  .slideDiv { background: #810 url(images/bg-pcs01.jpg) no-repeat 10% 80%; margin: 15px; padding: 10px; width: 320px; height: 300px;}
</style>
<button onclick='$(".slideDiv").toggle("slide", {direction: "down"}, 1000);'>Click Me</button>
<div class="slideDiv"></div>

需要用到 jquery-ui, 我只試過 1.7.2或新版, 更早的版本沒試過
slide down 好像是由上往下 出現?
--
樓主要的是由上往下消失

hikohan

  • 俺是博士!
  • *****
  • 文章數: 1288
    • 檢視個人資料
回覆: 請問一下這樣的效果
« 回覆 #4 於: 2010-10-25 12:12 »
0-1 op 1-0

yamaka 寫得好!
lifeIsFunWithPHP.

micmic3

  • 俺是博士!
  • *****
  • 文章數: 1692
    • 檢視個人資料
回覆: 請問一下這樣的效果
« 回覆 #5 於: 2010-10-25 13:18 »
嗯嗯....原來 slide 有direction 可以設啊
--
之前是用一個 div 固定高 overflow :hidden 包兩個div 上面的把下面的往下推

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
回覆: 請問一下這樣的效果
« 回覆 #6 於: 2010-10-25 13:50 »
這是 jquery-ui 增加的功能

http://jqueryui.com/demos/toggle/

jquery 原來提供的 toggle 功能比較陽春  :D

http://api.jquery.com/toggle/