jQueryが動きません。

表題のとおりです。
fademover(http://www.detelu.com/fademover/)を動かそうと思って
導入しても動いてくれません。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7. …
<script src="jquery.fademover.js"></script>
<script>
$(function(){
$('body').fadeMover({'effectType': 2,'inSpeed': 5000});
});
</script>

の部分。

Chromeだと
Uncaught TypeError: Object [object Object] has no method 'fadeMover' index.html:14
(anonymous function) index.html:14
n ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
o.fireWith ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
e.extend.ready ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js:2
c.addEventListener.B

Safariだと
TypeError: 'undefined' is not a function (evaluating '$('body').fadeMover({'effectType': 2,'inSpeed': 5000})')


と出ます。

jsやjqueryはあまりいじったことないので
手が出ない状態です。

よろしくお願いします。

No.1 回答者： kosukejlampnet 回答日時： 2013/08/01 12:13

http://www.detelu.com/fademover/
のデモにおいてもエラーが出ているので、選択を誤ったのかも・・・。
似たものを探したほうが良いかもしれませんよ。

No.2 回答者： hirotn 回答日時： 2013/08/01 19:40

http://www.detelu.com/fademover/demo2.html

このサンプルを見ると、
class="box"のdivを対象にフェードの処理を掛けているようです。

それはさておき、
$(window).fadeMover({'effectType': 2,'inSpeed': 5000});
だといかがでしょう？

あとは、Chromeの「要素を検証」をお使いのようですので、Networkタブを開いて、jquery.fademover.jsのstatusが正しいか（メソッドがないと言っているので）。そのあたりから順々に潰して行きたいと思うところです。