程序博客网 > 自己设计房子软件

jquery悬浮提示框

来源：互联网 发布：自己设计房子软件 编辑：程序博客网 时间：2024/05/17 00:13


  1. <html>  
  2. <head>  
  3. <script type="text/javascript" src="jquery.js"></script>  
  4.     <script type="text/javascript">  
  5.         $(function() {  
  6.             x = 5;  
  7.             y = 15;  
  8.             $("p").hover(function(e) {  
  9.                 otitle = this.title;  
  10.                 this.title = "";  
  11.                 var ndiv = "<div id='leo'>" + otitle + "</div>";  
  12.                 $("body").append(ndiv);  
  13.                 $("#leo").css({  
  14.                     "top" : (e.pageY + y) + "px",  
  15.                     "left" : (e.pageX + x) + "px"  
  16.                 }).show(2000);  
  17.                 $(this).mousemove(function(e) {  
  18.                     $("#leo").css({  
  19.                         "top" : (e.pageY + y) + "px",  
  20.                         "left" : (e.pageX + x) + "px"  
  21.                     }).show(1000);  
  22.                 });  
  23.             }, function() {  
  24.                 this.title = otitle;  
  25.                 $("#leo").remove();  
  26.             });  
  27.         });  
  28.     </script>  
  29.     <style type="text/css">  
  30.         #leo {  
  31.             position: absolute;  
  32.             border: 1px solid grey;  
  33.             opacity: 0.8;  
  34.             background: grey;  
  35.         }  
  36.     </style>  
  37. </head>  
  38. <body>  
  39.     <p title="1dfgfdgdfg">If you click on me, I will disappear.</p>  
  40.     <p title="2dgfdgdfgdf">If you click on me, I will disappear.</p>  
  41.     <p title="3dgfdgfdgfder">If you click on me, I will disappear.</p>  
  42.     <p title="4ghfghfghfhgf">If you click on me, I will disappear.</p>  
  43. </body>  
  44. </html>


转自：blog.csdn.net/xpsharp/article/details/8307881
0 0
自己设计房子软件 自己设计房子软件
原创粉丝点击
热门IT博客
淘宝开网店步骤淘宝开网店步骤
windows movie makerwindows movie maker
陌陌探探类似的软件
js 图片轮播
软件开发管理系统
in软件好用吗
咨询公司如何获取数据
python open函数
淘宝的2xu是不是真的
天策成男脸型数据
sftp 指定端口号
中国海洋大学网络
图书馆软件哪个最好
淘宝贝高瞻幼儿园招聘
大麦盒子 网络未连接
石家庄软件培训班
大数据应用与开发专业
背单词软件知乎
linux init程序
foxy电影软件下载
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 文化底蕴厚寓意好的公司名字 有文化底蕴的名字 比较有文化底蕴的画室名字 大气有文化底蕴的传媒名字 无责底薪 责任底薪 深圳底薪 无责任底薪 底薪 无责任底薪什么意思 无责底薪什么意思 底薪2400绩效600啥意思 底薪是什么意思 牧源底薪5000真不真实 链家三个月底薪跑路 牧原底薪5000真不真实 乐有家为什么底薪要还 工伤期间工资只发底薪 东莞工资标准2019底薪计算方式 底角 等腰三角形底边怎么算 适合毛衣底边的花样 三角形的底边 三角形底边公式 底边素材 直角三角形底边 等腰三角形求底边公式 等腰三角形的底边怎么求 水上底阀 自吸泵底阀 法兰底阀 水泵底阀 底阀的作用 底阀图片 底阀型号 四氟底阀 截止阀阀芯 庖 庖厨 中庖 君子远庖厨

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里