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


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 相关文章推荐
兼容多浏览器的字幕特效Marquee的通用js类
Jul 20 Javascript
可恶的ie8提示缺少id未定义
Mar 20 Javascript
js实现不提交表单获取单选按钮值的方法
Aug 21 Javascript
angularjs 表单密码验证自定义指令实现代码
Oct 27 Javascript
vue实现表格增删改查效果的实例代码
Jul 18 Javascript
ES6模块化的import和export用法方法总结
Aug 08 Javascript
JS+CSS实现网页加载中的动画效果
Oct 27 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
微信小程序自定义底部导航带跳转功能
Nov 27 Javascript
如何利用vue实现波谱拟合详解
Nov 05 Javascript
nuxt.js添加环境变量,区分项目打包环境操作
Nov 06 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 str_pad 函数使用详解
2009/01/13 PHP
Search File Contents PHP 搜索目录文本内容的代码
2010/02/21 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
9个JavaScript评级/投票插件
2010/01/18 Javascript
javascript 传统事件模型构造的事件监听器实现代码
2010/05/31 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
招聘网站基于jQuery实现自动刷新简历
2015/05/10 Javascript
jQuery实现鼠标经过事件的延时处理效果
2020/08/20 Javascript
node.js报错:Cannot find module 'ejs'的解决办法
2016/12/14 Javascript
Vue.js中的图片引用路径的方式
2017/07/28 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
vue+element UI实现树形表格带复选框的示例代码
2019/04/16 Javascript
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
解决vue中el-tab-pane切换的问题
2020/07/19 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
Javascript如何递归遍历本地文件夹
2020/08/06 Javascript
[00:34]DOTA2上海特级锦标赛 Spirit战队宣传片
2016/03/04 DOTA
python生成圆形图片的方法
2020/03/25 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
python批量修改文件名的示例
2020/09/27 Python
浅析两列自适应布局的3种思路
2016/05/03 HTML / CSS
一款基于css3麻将筛子3D翻转特效的实例教程
2014/12/31 HTML / CSS
linux比较文件内容的命令是什么
2013/03/04 面试题
岗位职责定义及内容
2013/11/08 职场文书
《月迹》教学反思
2014/02/19 职场文书
护理专科学生自荐书
2014/07/05 职场文书
学习心理学的体会
2014/11/07 职场文书
社区党建工作总结2015
2015/05/13 职场文书
爸爸的三轮车观后感
2015/06/16 职场文书
深入理解redis中multi与pipeline
2021/06/02 Redis