スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


--/--/--(--)/--:--:--:コメント(-)|トラックバック(-)

大きく作り直さないとだめだね…

Tooltipでブラウザのチップが消えなかったのは問題ですが、
あれ…たぶん大きく組み直さないと修正できない気がする…


ちなみに、作ったツールチップの構造ですが、
$(function(){
 $("a").mouseover(function(){
  $(this).after("<span class='tooltip'>"+$(this).attr("title")+"</span>");
  $(".tooltip").fadeIn(1000);})
 .mouseout(function(){
   $(".tooltip").remove();})
 .mousemove(function(e){
$(".tooltip").css({"top":e.pageY+10+"px","left":e.pageX+10+"px"});});});

展開めんどくさいので、読みにくいですね。

別途でスタイルシートでdisplay:noneとposition:absoluteと背景のデザインを指定した.tooltipを用意

簡単にすれば、
リンクの上にカーソルが乗る
→リンクの後ろに中身がリンクのtitleのclass="tooltipを持つspanを作る。
→非表示のtooltipを1秒かけて表示する
カーソルが外れる
→tooltipを取り除く。
マウスが乗っている間
→カーソルに対して一定距離にtooltipの位置を指定する

ただ、それだけです。

で、titleを一時的に消したいので、
var targetA =$(this),Title=targetA.attr("title");
$(this).attr("title,"");
をmouseoverの中に追加して、そのあと、
mousout内に
targetA.attr("title",Title);
ってできればいいんですけど、変数のスコープがね…

だからちょっと組み直す必要があるかなって…
2011/07/27(水)/18:30:13:コメント(0)|トラックバック(0)
コメントの際の注意。
・宣伝・同じ内容の連投は削除等の対象。
・質問等は、しっかり考えてから行ってください。
 聞けば何でも教えてくれるというのは間違いです。
・コメントの返信方法が確立していないので、返せない場合があります(´・ω・`)
・http://とhttps://が禁止ワードとなっています。
 コメント本文のURL入力は頭のhを抜くなり、なんなりしてください
name:

title:

Mail_address:

URL:

comment:

パスワード:

管理者にだけ表示を許可する
トラックバックURL

プロフィール

猫と馬

Author:猫と馬
相互リンク希望の方はこちらにコメしてください
閲覧推奨環境
現在不明

フリーエリア

blogram投票ボタン
fc2ブログランキング 人気ブログランキングへ

↑から買い物をしてくれると管理人が喜びます

カテゴリ

リンク

月別アーカイブ

リンク・記事の紹介(引用)について。
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。