弹出提示的效果代码- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 弹出提示的效果代码

Javascript: javascript:以前写的xmlhttp池,代码; javascript firefox兼容ie的dom方法脚本; 常用的javascript function代码; javascript Discuz代码中的msn聊天小功能; js 简单类代码; 分离式javascript取当前element值的代码; javascript document.images实例; javascript 调用其他页面的js函数或变量的脚本; javascript一点特殊用法; js中cookie的使用详细分析; javascript实现通过拼音首字母快速选择下拉列表; javascript解析xml字符串的函数; 用javascript和css模拟select的脚本; javascript操作select参考代码; javascript String 的扩展方法集合; javascript数组的扩展实现代码集合; 宝儿的zQuery库选择器简单原型; 超级经典一套鼠标控制左右滚动图片带自动翻滚; javascript关键字加亮加连接; JavaScript 应用类库代码

No. « ‹ 99 100 101 102 › »

技术文章搜索

关键字

Javascript 中的弹出提示的效果代码

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 170 ::

收藏到网摘: n/a

li隔行换色改进版直接生成打开窗口代码，不必下载

软晨学习网模拟弹出提示效果代码

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

li隔行换色改进版直接生成打开窗口代码，不必下载

Javascript 中的 弹出提示的效果代码

评论 (0) All

Javascript 中的弹出提示的效果代码