jQuery_jqueryを使用して行テキストリンクプロンプト効果を実装する方法

この記事の例では、jQuery が行テキスト リンク プロンプトの効果を実装する方法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピー コードは次のとおりです:

<頭>



<スクリプトタイプ="text/javascript">
$(関数(){
$(".div ul li").hover(function(e){
var x=e.pageX;
var y=e.pageY;
var div=$("

");
var text=$(this).html();
$(this).append(div);
$("#div_show").html(text).css({"高さ":"25px","位置":"絶対","zIndex":"99","背景色":"#38F758"," whiteSpace":"nowrap","paddingLeft":"15px","paddingRight":"15px","top":y 10 "px","left":x 10 "px"});
$("this").children("#div_show").show();
},function(){
$(this).children("#div_show").remove();
})
})

• はい、HTML5 が人気なので、タイトルに HTML5 を追加します


• Webrebuild 交流会で Raphael JS ライブラリについて聞きました


• 上記の CSS の外観を簡単に見てみましょう

この記事が皆さんの jQuery プログラミングに役立つことを願っています。