漂亮的提示信息(带箭头)


Posted in Javascript onMarch 21, 2007
'); function pltsinits() { document.onmouseover = plts; document.onmousemove = moveToMouseLoc; } function plts() { var o=event.srcElement; if(o.alt!=null && o.alt!=""){o.dypop=o.alt;o.alt=""}; if(o.title!=null && o.title!=""){o.dypop=o.title;o.title=""}; pltsPop=o.dypop; if(pltsPop!=null&&pltsPop!=""&&typeof(pltsPop)!="undefined") { pltsTipLayer.style.left=-1000; pltsTipLayer.style.display=''; var Msg=pltsPop.replace(/\n/g,""); Msg=Msg.replace(/\0x13/g,""); var re=/\{(.[^\{]*)\}/ig; if(!re.test(Msg))pltsTitle="简介"; else{ re=/\{(.[^\{]*)\}(.*)/ig; pltsTitle=Msg.replace(re,"$1")+" "; re=/\{(.[^\{]*)\}/ig; Msg=Msg.replace(re,""); Msg=Msg.replace("","");} //var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":""); var content = '
'+ ' ?'+pltsTitle+' '+pltsTitle+'? '+ ''+Msg+''+ ' ?'+pltsTitle+' '+pltsTitle+'? '+ '
'; pltsTipLayer.innerHTML=content; toolTipTalbe.style.width=Math.min(pltsTipLayer.clientWidth,document.body.clientWidth/2.2); moveToMouseLoc(); return true; } else { pltsTipLayer.innerHTML=''; pltsTipLayer.style.display='none'; return true; } } function moveToMouseLoc() { if(pltsTipLayer.innerHTML=='')return true; var MouseX=event.x; var MouseY=event.y; //window.status=event.y; var popHeight=pltsTipLayer.clientHeight; var popWidth=pltsTipLayer.clientWidth; if(MouseY+pltsoffsetY+popHeight>document.body.clientHeight) { popTopAdjust=-popHeight-pltsoffsetY*1.5; pltsPoptop.style.display="none"; pltsPopbot.style.display=""; } else { popTopAdjust=0; pltsPoptop.style.display=""; pltsPopbot.style.display="none"; } if(MouseX+pltsoffsetX+popWidth>document.body.clientWidth) { popLeftAdjust=-popWidth-pltsoffsetX*2; topleft.style.display="none"; botleft.style.display="none"; topright.style.display=""; botright.style.display=""; } else { popLeftAdjust=0; topleft.style.display=""; botleft.style.display=""; topright.style.display="none"; botright.style.display="none"; } pltsTipLayer.style.left=MouseX+pltsoffsetX+document.body.scrollLeft+popLeftAdjust; pltsTipLayer.style.top=MouseY+pltsoffsetY+document.body.scrollTop+popTopAdjust; return true; } pltsinits(); //-->
蝶恋花
Javascript 相关文章推荐
一个网页标题title的闪动提示效果实现思路
Mar 22 Javascript
移动设备web开发首选框架:zeptojs介绍
Jan 29 Javascript
JS数组的常见用法实例
Feb 10 Javascript
JavaScript中Function函数与Object对象的关系
Dec 17 Javascript
AngularJS监听路由的变化示例代码
Sep 23 Javascript
javascript实现秒表计时器的制作方法
Feb 16 Javascript
Textarea输入字数限制实例(兼容iOS&安卓)
Jul 06 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
jquery版轮播图效果和extend扩展
Jul 18 jQuery
浅谈FastClick 填坑及源码解析
Mar 02 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
Feb 21 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 Javascript
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 #Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 #Javascript
表单提交时自动复制内容到剪贴板的js代码
Mar 16 #Javascript
用javascript自动显示最后更新时间
Mar 15 #Javascript
用js实现预览待上传的本地图片
Mar 15 #Javascript
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 #Javascript
Z-Blog中用到的js代码
Mar 15 #Javascript
You might like
PHP内置过滤器FILTER使用实例
2014/06/25 PHP
教你识别简单的免查杀PHP后门
2015/09/13 PHP
Yii框架实现多数据库配置和操作的方法
2017/05/25 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
js+jquery实现图片裁剪功能
2015/01/02 Javascript
Javascript实现可旋转的圆圈实例代码
2015/08/04 Javascript
checkbox批量选中,获取选中项的值的简单实例
2016/06/28 Javascript
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
javascript按顺序加载运行js方法
2017/12/01 Javascript
vue将对象新增的属性添加到检测序列的方法
2018/02/24 Javascript
详解使用VUE搭建后台管理系统(vue-cli更新至3.0)
2018/08/22 Javascript
如何优雅的在一台vps(云主机)上面部署vue+mongodb+express项目
2019/01/20 Javascript
服务端预渲染之Nuxt(使用篇)
2019/04/08 Javascript
Angular value与ngValue区别详解
2019/11/27 Javascript
ES2020系列之空值合并运算符 '??'
2020/07/22 Javascript
[10:18]2018DOTA2国际邀请赛寻真——找回自信的TNCPredator
2018/08/13 DOTA
[51:27]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python socket网络编程步骤详解(socket套接字使用)
2013/12/06 Python
python使用百度翻译进行中翻英示例
2014/04/14 Python
python如何通过protobuf实现rpc
2016/03/06 Python
深入解析Python中的list列表及其切片和迭代操作
2016/03/13 Python
python中的格式化输出用法总结
2016/07/28 Python
Windows下Python2与Python3两个版本共存的方法详解
2017/02/12 Python
Python实现自动登录百度空间的方法
2017/06/10 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
在python中求分布函数相关的包实例
2020/04/15 Python
荷兰演唱会和体育比赛订票网站:viagogo荷兰
2018/04/08 全球购物
Converse匡威法国官网:美国著名帆布鞋品牌
2018/12/05 全球购物
创建索引时需要注意的事项
2013/05/13 面试题
交通事故委托书范本(2篇)
2014/09/21 职场文书
三严三实学习心得体会
2014/10/13 职场文书
2019年教师入党申请书
2019/06/27 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
python通配符之glob模块的使用详解
2021/04/24 Python
详解OpenCV曝光融合
2022/04/29 Python