CSS/Jqueryエフェクト - これはなんですか？

Question

このウェブサイトの内容：http://www.eco-environments.co.uk/「私たちは何をしているのですか」までスクロールして、バブルポップアップ表示のリンクをロールオーバーすると、どのように作成されるのか教えてください。

おかげ

Answer 1

での通常のjQuery Hover.detailsを使用しているように見えます。 demosをチェックしてください。

Answer 2

それはあなたが効果のこの種のjquery tooltipsのようなjQueryプラグインを使用することができますhttp://docs.jquery.com/Events/hover

Answer 3

これは実際には非常に簡単に作成できる効果です。

まず、HTMLにツールヒントの隠しdivがあります。

<div class="popup" style="display:none;">Hidden Content Here</div> 

JavaScriptを使用すると、何かが上に乗ったときに隠されたコンテンツを表示できます。たとえば、jQueryを使用して動作する方法（例として、例のページを使用する方法）を次に示します。

$(".tooltip").hover(function(){ 
$(this).children(".popup").fadeIn(); // Other effects can be used to show the Tooltip 
}, 
function() { 
$(this).children(".popup").fadeOut(); 
}); 

残りは（ほとんどの場合、絶対位置が使用される）ツールチップが正しい位置にあることを確認するためにCSSを使用して、それは見栄え作るの問題です。ツールチップ用に素敵なCSSを作成するには、さまざまなテクニックがありますので、常にGoogle is your friendとなります。