弹出提示的效果代码

更新时间：2008年05月14日 08:46:59 作者：

脚本之家模拟弹出提示效果代码

<html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  <title>脚本之家---模拟弹出提示 脚本之家</title>  </head>  <body>  <script language=javascript>  var cao_x,cao_y;  function cao888()   {  this.display=display;   }  function display()   {    document.write("<table align=center><tr><td><button style='width:100px;height:30px;font-size:12px;border:1px solid #A4B3C8;background-color:green;' type=button onclick=document.getElementById('cao1').style.display='block' onfocus=this.blur()>脚本之家留言</button></td></tr></table>");    document.write("<div  id='cao1' style='font-size:12px;position:absolute;display:none;text-align:center;overflow:visible'>");    document.write("<div style='position:absolute;top:expression((body.clientHeight-300)/2);left:expression((body.clientWidth-200)/2);width:200px;height:180px;background-color:#dbdbdb;border:1px solid #cccccc;'>");    document.write("<table width=200 height=20 bgcolor=green onmousedown='cao_x=event.x-parentNode.style.pixelLeft;cao_y=event.y-parentNode.style.pixelTop;setCapture();' onmouseup='releaseCapture();' onmousemove='caoMove(this.parentNode)' style='cursor:move;'>");    document.write("<tr align=center>");    document.write("<td align=left>脚本之家</td>");    document.write("</tr>");    document.write("</table>");    document.write("<span style= cursor:hand onclick=this.parentNode.parentNode.style.display='none';>欢迎光临脚本之家[确定]</span>");    document.write("  </div>");    document.write("</div>");  }  function caoMove(obj)  //实现层的拖移  {    if(event.button==1)    {      var caoX=obj.clientLeft;      var caoY=obj.clientTop;      obj.style.pixelLeft=caoX+(event.x-cao_x);      obj.style.pixelTop=caoY+(event.y-cao_y);    }  }  </script>  <script language=javascript>  var mycao=new cao888();  mycao.display();  </script>  </body>  </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

弹出提示

javascript背景颜色按时变换
javascript背景颜色按时变换...
2007-05-05
仿3721首页模块拖曳移动效果js代码[可拖曳层移动层]
比较不错的模仿3721的页面模块拖动效果代码
2008-09-09
类似GMAIL的Ajax信息反馈显示
类似GMAIL的Ajax信息反馈显示，大家可以测试下。也方便调用。
2010-02-02
图片与JavaScript配合做出个性滚动条
如果你想定制出一个漂亮的滚动条的话,这个JS特效可能会适合你,不过代码稍嫌麻烦些,但效果真的不错,代码含有中文注释,学习也是不错的,希望朋友们喜欢.
2009-10-10
javascript用层模拟可移动的小窗口
用层模拟小窗口实例效果代码
2008-05-05
js星空效果代码
用js实现的星空效果代码，正壮观
2008-09-09
JavaScript判断窗口是否最小化的代码(跨浏览器)
有些朋友需要判断页面是不是被最小化了，然后再进行相应的操作。
2010-08-08
js 页面模块自由拖动实例
js页面模块自由拖动实例代码
2009-03-03
CSS Filter背景透明提示
使用CSS的Filter滤镜实现的小效果，鼠标悬停时激活本效果，是一个半透明的图片提示层，本代码演示了核心的实现方法，你可以举一返三，作出更强大的效果来。
2009-11-11
网页背景渐变效果代码
网页背景渐变效果代码...
2007-04-04