2010-12-01 8 views
0

私はバナーdivに実装したjavascriptのフェード機能を使用しています。これをクリックすると、現在のバナー画像が別のものにフェードします。次のように関数を呼び出すHTMLリンクタグは以下のとおりです。トップページを更新せずに現在のページへのHTMLリンクを作成できますか?

<a href="#" onclick="fade('bannerDiv');"> 
    <div id="bannerDiv"> 
     <img src="banner_image.gif" /> 
    </div> 
</a> 

問題は、バナーはページ(上部と下部の間の中間ではなく、左右)の中央に向かってやや配置されていると私は上のクリックしたとき画像を変更するバナーは、ページの上部に戻ってきます。私はこれを解決する方法はありますか?

+0

リンクをクリックしてJavaScriptアニメーションを有効にしたときに表示されているページの部分の位置を変更しないように修正しました。 –

+1

'fade'関数から' false'を返すだけです。 – sje397

答えて

2

適切な方法は、ブラウザがhrefパラメータをまったく評価しないようにすることです。javascript:void(0)などのターゲットは醜いハックです。

あなたは、単にreturn falseあなたのonclickイベントにすることができます人々はドン場合

<a href="#" onclick="fade('bannerDiv'); return false;"> 

それは問題が発生することはありませんので、hrefの現在のファイルへの実際のリンクを入れて良いでしょうJavaScriptが有効になっています。しかし、#でもそれは問題ありません。

1

#の代わりにjavascript:void(0)を使用してください。

リンクをクリックすると無効機能が実行され、ユーザーはどこにも持ちません。

+0

ありがとう、それは素晴らしく働いた –

関連する問題