`
jackson_jar
  • 浏览: 36510 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论
阅读更多

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>提示信息框</title>
<style type="text/css">
a{ color:#000; font-size:12px;text-decoration:none}
a:hover{ color:#900; text-decoration:underline}
body{background:;
 filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); overflow:hidden}
#massage_box{ position:absolute;
     left:expression((body.clientWidth)/2+170); top:expression((body.clientHeight)/2+90); width:350px; height:200px;filter:dropshadow(color=#666666,offx=3,offy=3,positive=2);
     z-index:2; visibility:visible}
#mask{ position:absolute;
    top:0; left:0;
    width:expression(body.scrollWidth);
    height:expression(body.scrollHeight);
    background:#666;
    filter:ALPHA(opacity=60);
    z-index:1;
    visibility:hidden}
.massage{border:#036 solid;
   border-width:1 1 3 1;
   width:95%;
   height:95%;
   background:#fff;
   color:#036;
   font-size:12px;
   line-height:150%}
.header{background:#036;
        height:10%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  padding:3 5 0 5;
  color:#fff}
</style>
<!--实现层移动-->
<script language="javascript">
var Obj=''
document.onmouseup=MUp
document.onmousemove=MMove

function MDown(Object){
Obj=Object.id
document.all(Obj).setCapture()
pX=event.x-document.all(Obj).style.pixelLeft;
pY=event.y-document.all(Obj).style.pixelTop;
}

function MMove(){
if(Obj!=''){
  document.all(Obj).style.left=event.x-pX;
  document.all(Obj).style.top=event.y-pY;
  }
}

function MUp(){
if(Obj!=''){
  document.all(Obj).releaseCapture();
  Obj='';
  }
}
</script>
</head>
 <body>
 <div id="massage_box">
  <div class="massage">
  <div class="header" onmousedown=MDown(massage_box)>
   <div style="display:inline; cursor:hand; width:150px; position:absolute">本站提示信息</div>
   <span onClick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float:right; display:inline; cursor:hand">×</span>
  </div>


 <MARQUEE onmouseover="this.stop()" onmouseout="this.start()"  scrollAmount=1 scrollDelay=1 direction=up height=125>

 <ul style="margin-right:25">

 <a href="#" >
 <li>
 本人申明此博客所有文章(包括文章插图)均为原创,如需引用或转载请注明出处。
 </li></a>
 <li>欢迎大家对博文中观点留言评述,谢绝无聊人士无素质无观点的灌水漫骂。</li><li>本站已设背景音乐,听音乐盒中收集的音乐时请先到页面底部关闭背景音乐。</li></ul>

 </MARQUEE>
 </div></div>
 <div id="mask"></div>
 <input type="text" value="fasfd"/>
 <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>bottom here
</body>
</html>

分享到:
评论

相关推荐

    jquery弹出提示框

    "jquery弹出提示框"是jQuery功能的一个常见应用场景,用于向用户显示信息、警告或者确认对话框,无需离开当前页面。在Asp.net框架下,结合jQuery可以实现更加灵活和美观的提示效果。 首先,我们需要理解jQuery的...

    Java SE程序 弹出提示框

    Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框Java SE程序 弹出提示框...

    jQuery适用于手机端的弹出提示框代码.zip

    在移动设备上,提供良好的用户体验是至关重要的,而弹出提示框是用户交互中的常见元素。这个名为"jQuery适用于手机端的弹出提示框代码.zip"的压缩包包含了一个专门针对手机端优化的jQuery弹出提示框解决方案。下面,...

    jquery按钮弹出提示框

    接下来,我们使用`alert()`函数来实现弹出提示框的功能。`alert()`会在浏览器中显示一个带有OK按钮的对话框,用户点击OK后对话框关闭。在点击事件的回调函数中加入`alert()`: ```javascript $(document).ready...

    网页右下角弹出提示框

    网页右下角弹出提示框是一种常见的用户交互设计,它能够有效地吸引用户的注意力,传递重要信息或引导用户进行特定操作。这种设计在许多网站和应用中都有应用,尤其是在电子商务、新闻资讯以及社交媒体平台中尤为常见...

    C# .NETCORE3.1 控制器中控制页面弹出提示框功能实现(ViewComponent实现)案例代码

    在.NET Core 3.1框架下,C#编程语言提供了丰富的功能来构建Web应用程序,其中包括控制页面交互,如弹出提示框。在这个案例中,我们将深入探讨如何在控制器(Controller)中利用ViewComponent来实现这一功能。...

    javascript 右下角弹出提示框

    利用javascript实现右下角弹出提示框。仿QQ

    jquery按钮弹出提示框.rar

    总结来说,"jquery按钮弹出提示框.rar"的示例展示了如何使用jQuery与HTML交互,以及如何通过事件处理来创建动态效果。在前端开发中,jQuery提供了一种简洁、高效的API来处理DOM操作,使得按钮点击后的提示功能变得...

    jQuery弹出提示框

    jQuery弹出提示框是网页开发中常用的一种交互元素,它能提供信息反馈、用户确认或错误提示等功能。在本教程中,我们将深入探讨如何利用jQuery和相关CSS样式创建美观且功能丰富的对话框。 首先,jQuery是一款强大的...

    jQuery右下角弹出提示框代码.zip

    本资源"jQuery右下角弹出提示框代码.zip"提供了一个实现点击关闭后显示下一条消息提示框的功能,这对于用户交互和信息提示非常有用。 首先,我们来详细了解一下jQuery中的弹出提示框。在传统的JavaScript中,我们...

    CSS3弹出提示框样式代码

    弹出提示框在网页交互中扮演着重要角色,用于显示信息、警告、确认或者错误消息。本文将深入探讨如何使用CSS3来创建具有吸引力和功能性的弹出提示框。 首先,让我们了解弹出提示框的基本结构。一个简单的弹出提示框...

    [精]C#仿QQ右下角弹出提示框(附源码)

    项目名称:C#仿QQ右下角弹出提示框 下载文件内容: c# 仿qq窗体自动伸缩与右下角提示框源码, 源码实现功能: 1.仿QQ的窗体伸缩功能。 2.获得鼠标在窗口内的X,Y值。 3.右下角提示框。 小编留言:更多仿QQ界面经典...

    易语言弹出提示框

    易语言弹出提示框源码,弹出提示框,公告框,取状态栏高度,系统状态栏信息_

    弹出提示框 tips

    标题“弹出提示框 tips”指的是一个基于CWnd类实现的自定义弹出式提示框,这种提示框能够在鼠标指针所在的位置动态显示,通常用于增强按钮、菜单项或其他控件的用户体验,提供附加的操作指南或说明。 CWnd是MFC...

    jQuery图片场景标注弹出提示框.zip

    《jQuery图片场景标注弹出提示框详解》 在网页设计中,为了提升用户体验,我们经常需要为图片添加注释或提示信息,以便用户更好地理解图片所展示的内容。jQuery图片场景标注弹出提示框就是一种这样的解决方案,它...

    Jquery实现鼠标移上弹出提示框、移出消失思路及代码

    在今天的知识分享中,我们将探讨如何利用JQuery实现一个常见的网页交互效果:鼠标移上元素时弹出提示框,鼠标移出时提示框消失。这一交互功能在用户界面设计中非常实用,能够有效地为用户提供额外的信息或说明。 ...

    div弹出提示框滑动提示框

    在网页设计和开发中,"div弹出提示框"是一种常见的交互元素,它用于向用户显示额外的信息或提示。这种提示通常以浮层或者气泡的形式出现,与页面上的某个元素(如按钮、链接或其他控件)关联。下面将详细讨论如何...

Global site tag (gtag.js) - Google Analytics