2010-05-03 31 views
1

我已經看到鏈接打開模式窗口,並有一個很好的動畫效果,創建窗口從點擊鏈接增長的錯覺。在關閉窗口時,類似的動畫顯示該窗口在最初打開它的鏈接中縮小和消失。我記得我在一些jQuery頁面上看到它,但不記得在哪裏,不知道這個效果是什麼。這個效果叫什麼? 「放大/縮小」? 「飛出/飛入」?

你見過這個嗎?例子?

+0

確定這不是某種工具提示!? – 2010-05-03 00:22:07

+0

尤里卡!我找到了原始鏈接:[http://interface.eyecon.ro/demos/windows.html](http://interface.eyecon.ro/demos/windows.html)。但仍然不知道動畫被稱爲什麼(如果有的話)。 – 2010-05-03 00:28:06

+0

@aSeptik:不,只要看看鏈接中的示例,就會看到。 – 2010-05-03 00:30:36

回答

2

聽起來像使用.animate()函數,可能擴大的高度和寬度的自定義動畫。

+0

很可能用.animate()來模擬這個,但作者Stefan Petre爲此寫了他的自定義幫助函數。順便說一下,這個天才在2006年已經實現了許多UI功能!我想知道jQuery UI是否使用了相同的代碼或者只是有'借來的'想法。 – 2010-05-03 01:53:54

+0

丹潘斯,你是對的。使用自定義幫助器函數'.animate()'。 ---這裏有一些額外的信息: 這個特色的頁面是[Stefan Petre的接口包](http://interface.eyecon.ro/demos/windows.html)的一部分。作者在代碼中調用效果'TransferTo',並且可以在'ifxtransfer.js'文件的源代碼中找到該幫助器。 – 2010-05-03 02:04:45

+0

感謝.animate提示。我一直在尋找別的東西,但是一個假的'縮小/成長'與.animate可以爲我工作。 – dex3703 2012-04-16 21:47:25

0

我認爲它實際上被稱爲「增長」和「收縮」。

下面是一個例子:http://www.malsup.com/jquery/cycle/grow.html

+0

謝謝!將現在檢查。 – 2010-05-03 00:06:22

+0

不,webdestroya,那不是它(鏈接),到目前爲止使用'grow shrink modal link'進行搜索沒有讓我像我看到的那樣 – 2010-05-03 00:11:53

0

nyroModal也有類似的增長/收縮動畫當你點擊鏈接,但它並沒有飛出你點擊的鏈接的,如果這是你的意思

你可以在http://nyromodal.nyrodev.com/

+0

不是我的朋友,那不是。 – 2010-05-03 00:16:24

0

檢查出來以此爲特色的頁面是interface package by Stefan Petre的一部分。作者在代碼中稱爲效果TransferTo,幫助者可以在ifxtransfer.js文件的源代碼中找到。