您好,欢迎来到叨叨游戏网。
搜索
您的当前位置:首页jQuery实现行文字链接提示效果的方法_jquery

jQuery实现行文字链接提示效果的方法_jquery

来源:叨叨游戏网


本文实例讲述了jQuery实现行文字链接提示效果的方法。分享给大家供大家参考。具体实现方法如下:

代码如下:



一行文字的提示效果


$(function(){
$(".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({"height":"25px","position":"absolute","zIndex":"99","backgroundColor":"#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吧

  • Raphael js库是在webrebuild交流会上听到的

  • 我们来简单了解一下上文中提到的css appearance




  • 希望本文所述对大家的jQuery程序设计有所帮助。

    Copyright © 2019- gamedaodao.net 版权所有 湘ICP备2024080961号-6

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务