一个title提示框

最新推荐文章于 2022-12-23 12:23:21 发布
最新推荐文章于 2022-12-23 12:23:21 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： JAVASCRIPT 文章标签： function image stylesheet javascript scroll null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yangtututu/article/details/1367596
版权

 

很久以前的代码，没有整理，拷贝出来预览就可以了！

< html >
< HEAD >
< meta http - equiv = " Content-Type "  content = " text/html; charset=gb2312 " >
< META NAME = " robots "  CONTENT = " all " >
< META name = " 10771 "  content = " 12332705,10771@163.com " >
< LINK href = " skin/Blue/style.css "  type = text / css rel = stylesheet >
< script language = " javascript " >
<!--
var  pltsPop = null ;
 var  pltsoffsetX  =   10 ;    //  弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适
var  pltsoffsetY  =   15 ;   //  弹出窗口位于鼠标下方的距离；3-12 合适
var  pltsPopbg = " #FFFFEE " ;  // 背景色
var  pltsPopfg = " #ffffff " ;  // 前景色
var  pltsTitle = "" ;
document.write( ' <div id=pltsTipLayer style="display: none;position: absolute; z-index:10001"></div> ' );
 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(/ /g,"<br>");
 Msg=Msg.replace(/0x13/g,"<br>");
 var re=/{(.[^{]*)}/ig;
 if(!re.test(Msg))pltsTitle="信息提示";
 else{
   re=/{(.[^{]*)}(.*)/ig;
     pltsTitle=Msg.replace(re,"$1")+"&nbsp;";
   re=/{(.[^{]*)}/ig;
   Msg=Msg.replace(re,"");
   Msg=Msg.replace("<br>","");}
   var attr=(document.location.toString().toLowerCase().indexOf("list.asp")>0?"nowrap":"");
        var content =
       '<table style="FILTER:alpha(opacity=80) shadow(color=#bbbbbb,direction=135);" id=toolTipTalbe border=0><tr><td width="100%"><table class=tableBorder cellspacing="1" cellpadding="0" style="width:100%">'+
       '<tr id=pltsPoptop><th height=18 valign=bottom><font color=white><b><p id=topleft align=left>↖'+pltsTitle+'</p><p id=topright align=right style="display:none">'+pltsTitle+'↗</font></b></font></th></tr>'+
       '<tr><td "+attr+" class=tablebody1 style="padding-left:14px;padding-right:14px;padding-top: 6px;padding-bottom:6px;line-height:135%">'+Msg+'</td></tr>'+
       '<tr id=pltsPopbot style="display:none"><th height=18 valign=bottom><font color=white><b><p id=botleft align=left>↙'+pltsTitle+'</p><p id=botright align=right style="display:none">'+pltsTitle+'↘</font></b></font></th></tr>'+
       '</table></td></tr></table>';
        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();
// -->
</Script>
<script language="javascript">
<!--
// 跳窗脚本
var win = null;
function LyWindow(mypage,myname,w,h,scroll,resiza){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable='+resiza+'resizable'
win = window.open(mypage,myname,settings)
}
function newpage(htmlurl) {
var newwin=window.open(htmlurl,"newWin","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,top=150,left=200,width=400,height=300");
newwin.focus();
return false;
}
// 判断连接函数
function link()
   {
   if (form.name.value=="")
   { alert("请填写网站名称");
    form.name.focus();
    return false;
   }

   if (form.url.value=="http://")
   { alert("请填写网站地址");
    form.url.focus();
    return false;
   }
                       
                        if (form.name.value.length>10)
   { alert("网站名称不可以超过6个字");
    form.name.focus();
    return false;
   }

                        if (form.desc.value.length>255)
   { alert("网站名称不可以超过255个字");
    form.desc.focus();
    return false;
   }
   return true;
   }
function vote()
{
win = window.open("","vote","width=600,height=350,resizable=no,scrollbars=no,status=no,toolbar=no,menubar=no,location=no")
}
// 字体大小
function ContentSize(size)
{
var obj=document.getElementById("size");obj.style.fontSize=size+"px";
}
// 复制文本
function copyText(obj)
{
var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false);
}
// 复制网址
function copyUrl(obj)
{
var rng = document.body.createTextRange();rng.moveToElementText(obj);rng.scrollIntoView();rng.select();rng.execCommand("Copy");rng.collapse(false);
alert("复制成功，请把此网址在你喜欢的论坛或QQ里面发给你的朋友！");
}
// 判断评论函数
function checkRemark()
   {
   var form=document.getElementById("form");
   if (form.review.value=="")
   { alert("请填写评论内容");
    form.review.focus();
    return false;
   }
   if (form.reviewemail.value=="")
   { alert("请填写你的邮箱");
    form.reviewemail.focus();
    return false;
   }
   if (form.reviewname.value=="")
   { alert("请填写姓名");
    form.reviewname.focus();
    return false;
   }
   if (form.review.value.length>255)
   { alert("评论内容不可以超过255字");
    form.review.focus();
    return false;
   }
   if (form.reviewemail.value.length>40)
   { alert("邮箱不可超过40个字");
    form.reviewemail.focus();
    return false;
   }
   if (form.reviewname.value.length>10)
   { alert("姓名不可以超过10个字");
    form.reviewname.focus();
    return false;
   }
   form.submit.disabled=true;
   return true;
   }
   function showLen(obj)
   {
    document.getElementById("reviewLen").value=obj.value.length;
   }
// 判断留言函数
function checkBook()
   {
   var form=document.getElementById("form");
   if (form.words.value=="")
   { alert("请填写留言内容");
    form.words.focus();
    return false;
   }
                        if (form.words.value.length>255)
   { alert("留言内容不可以超过255个汉字");
    form.words.focus();
    return false;
   }
   if (form.name.value=="")
   { alert("请填写姓名");
    form.name.focus();
    return false;
   }
   if (form.name.value.length>10)
   { alert("姓名不可以超过10个字");
    form.name.focus();
    return false;
   }
                        if (form.words.value.length<4)
   { alert("留言内容不可以低于2个汉字");
    form.words.focus();
    return false;
   }
   if (form.VerifyCode.value=="")
   { alert("请输入正确的认证码");
    form.VerifyCode.focus();
    return false;
   }
   form.submit.disabled=true;
   return true;
   }
   function bookshowLen(obj)
   {
    document.getElementById("wordsLen").value=obj.value.length;
   }
// 图片缩放脚本
var flag=true;
function DrawImage(ImgD){
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
        flag=true;
        if(image.width>=650){
            ImgD.width=650;
            ImgD.height=(image.height*650)/image.width;
        }else{
            ImgD.width=image.width;
            ImgD.height=image.height;
        } 
    }
}
// 图片缩放脚本
var flag=true;
function DownImage(ImgD){
    var image=new Image();
    image.src=ImgD.src;
    if(image.width>0 && image.height>0){
        flag=true;
        if(image.width>=300){
            ImgD.width=300;
            ImgD.height=(image.height*300)/image.width;
        }else{
            ImgD.width=image.width;
            ImgD.height=image.height;
        } 
    }
}
function cgimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
return false;
}
// 修改编辑栏高度--------------------------
function admin_Size(num,objname)
{
 var obj=document.getElementById(objname)
 if (parseInt(obj.rows)+num>=3) {
  obj.rows = parseInt(obj.rows) + num; 
 }
 if (num>0)
 {
  obj.width="90%";
 }
}
// -->
</Script>
</HEAD>
<BODY>
<DIV class=ccbk1>
<div align="center">
<TABLE id=inc width="100%" cellspacing=0 cellpadding=0>
<TR>
<TD class=inc1></TD>
<TD class=inc2></TD>
<TD class=inc3></TD>
</TR>
</table></div>
</DIV>
<DIV class=ccbk1>

</table>
</div>
</DIV>
</BODY>
</HTML>

 

<script type="text/javascript"> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
yangtututu
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
一个好看的消息提示框--前端
qq_42177730的博客
01-22 7817
引入以下两个插件即可      &lt;link rel="stylesheet" href="static/css/toastr.min.css"&gt;     &lt;link rel="stylesheet" type="text/css" href="static/css//fonts/web-icons/web-icons.min.css"&gt;  使用时
070823更新的一个[消息提示框]组件 兼容ie7
10-30
标题和描述提到的"070823更新的一个[消息提示框]组件 兼容ie7"是一个专门针对IE7浏览器优化的JavaScript组件，旨在解决在IE7环境下出现的显示错误和功能异常。 **修复的IE7显示错误** 在2007年8月23日的更新中，...
消息对话框(MessageBox)用法介绍
热门推荐
weiwenhp
07-18 1万+
在软件中我们经常会弹出个小窗口,给一点点提示.这就会用到消息对话框. 在Win32 API程序中只有MessageBox这一种用法. 而在MFC中就有三各方法: 1.调用API中的MessageBox  2.调用CWnd的成员函数MessageBox 3.调用全局函数AfxMessageBox   Win32 API 中MessageBox 举个简单例子 #include &lt;w...
html提示框title更改,设置title提示框的样式
weixin_39943750的博客
06-18 4415
默认的title不能设置样式，通过js和css实现title的功能css样式：/*修改提示框*/#mytitle {position: absolute;color: #ffffff;max-width: 160px;font-size: 14px;padding: 4px;background: rgba(40, 40, 40, 0.8);border: solid 1px #e9f7f6;bo...
设置title提示框的样式
weixin_42258276的博客
08-14 1万+
默认的title不能设置样式，通过js和css实现title的功能 css样式： &lt;style&gt; /*修改提示框*/ #mytitle { position: absolute; color: #ffffff; max-width: 160px; font-size: 14px; pad...
tkinter制作一个搜索提示框
daxia5398的博客
04-01 2419
在输入框中输入内容后，自动显示符合输入内容的选项，选择后自动填充到输入框中。 """一个搜索提示框""" import tkinter as tk from tkinter import Listbox, ttk class MyUi(tk.Tk): def __init__(self): super().__init__() self.title('搜索提示框示例') self.geometry("480x320+400+200") .
title属性鼠标覆盖提示框
qq_24192465的博客
09-06 458
&lt;li class="li-lg" title="{{item.paper.paperName}}"&gt;  
手把手教你用原生js写一个文字提示框
double_sweet1的博客
07-01 1519
先上效果图： 其实文字提示框可以看做是一个三角形和长方形的组合，当文字提示框在下方弹出时，三角形在上，长方形在下，然后给长方形的边框设置一定的弧度，从而整个文字提示框看起来就很自然啦~ 然后设置为当鼠标移至按钮时气泡显示，移出按钮时气泡隐藏，这样就可以很自如的切换气泡的显示和隐藏效果啦~ 源代码如下： <!DOCTYPE html> <html lang="en"> <head> <title>Tooltips悬停文字提示框效果</
vue实现修改title提示框-默认样式【两种方式】
在写作的路上持续输出。
12-23 5825
vue实现修改title提示框-默认样式【两种方式】
根据元素title值生成自定义样式提示框
蜗牛小前的博客
09-18 806
/** * 根据元素title值生成自定义提示框 * @param id 生成title样式的dom元素 */ function createTitle(id){ var x = 10; var y = 20; var newtitle = ''; $(id).mouseover(function(e) { newtitle = this....
JS+CSS实现一个气泡提示框
12-03
分享一个气泡提示框，练习的技术有：（1）JS响应鼠标的事件；（2）纯CSS制作三角形。 效果这样： 这是html： 代码如下: <!DOCTYPE html> <html> <head> <meta charset=”UTF-8″> <title&...
js 增强型title信息提示效果
10-29
js操作div仿title提示信息效果,增强型title信息提示，效果不错。
swift-一个Objective-C提示框
08-15
在这个"swift-一个Objective-C提示框"项目中，我们可以看到如何在Swift中创建类似的功能，同时保持代码的简洁和易读性。 在Objective-C中，UIAlertView是一个常用组件，用于弹出警告或询问用户的信息框。它有多个...
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
10-27
`title`属性通常用于提供元素的额外信息，当鼠标悬停在该元素上时，浏览器会自动弹出一个简陋的提示框展示这个信息。jQuery UI的tooltip功能则允许开发者自定义这些提示框的样式、位置以及内容，从而创建更加美观和...
[css] 使用css的attr()写一个类似a标签title的提示框
歌谣的博客
01-29 450
[css] 使用css的attr()写一个类似a标签title的提示框 .box{ position:relative; } .box:hover{ content: attr(data-title); display: inline-block; padding: 10px 14px; border: 1px solid #ddd; border-radius: 5px; posit
网页打开时自动窗口最大化JS代码
小兔子的专栏
11-11 3491
 方法一：(我没成功，不知为何)head区加入：object id=syuwin type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" VIEWASTEXT>param name="Command" value="MAXIMIZE">object>script language
js连续滚动(上下左右)
小兔子的专栏
11-05 1734
 这种滚动代码简单，效果也不错，但唯一的缺点就是滚动对象的长或宽不够时，它就停止运行“罢工”了上base href="http://www.lami.cn">div id=demo style=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff>div id=demo1> 定义图片 -->img sr
js 一个带标题的提示框
最新发布
06-13
以下是一个使用 Bootstrap 创建带标题的提示框的示例代码： ```html <!DOCTYPE html> <title>Custom Alert Dialog</title> <script src="//code.jquery.com/jquery-3.2.1.min.js"></script> ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值