Web网页对话框可拖动、关闭(自动)文字循环变化

更新时间：2012年12月25日 16:42:32 作者：

由Js实现的网页WEB对话框，鼠标可随意拖动改变位置，类似于有些软件初次运行时候弹出的每日提示，里面有文字在循环变化，时间到自动关闭,多么强大的一个web对话框啊，有兴趣的朋友可以参考下啊

<title>Web 页对话框</title> <style>span,table{font-size:10pt;margin:0pt}</style> <body onmousemove=move1()> <table id=table1 bordercolorlight=#d8d0c8 bordercolordark=#808080 border=2 style=display:block;position:absolute;width:400;height:257;left:100;top:50;background-color:#c0c0c0;> <tr><td style=vertical-align:top> <span id=span1 onselectstart="return false" style=cursor:nw-resize;width:400;background-color:#002468 onmousedown=down1() onmouseup=up1() style=color:white>&nbsp;Tip of the day -- Web 页对话框 <span style=width:157;height:8;background:#002468></span> <span id=x style=color:black;background:#d8d0c8;width:18;height:8;vertical-align:middle;text-align:center;padding:0;margin:2;cursor:hand;border-style:outset;border-width:2 onclick=closewin()>X</span></span>  <span style=width:10;background-color:#c0c0c0;height:160></span> <span id=span2 style=border-style:solid;border-width:1;border-color:#808080;width:60;background-color:#808080;height:160>&nbsp;&nbsp;<b><font color=white style=cursor:help onclick='alert("大家随便拿去用哦^o^")'>帮助</font></b>  <span style=color:white; id=num>&nbsp;&nbsp;1/5</span> </span> <span style=border-style:solid;border-width:1;border-color:#808080;width:320;background-color:white;height:60;position:absolute;><h3><b>&nbsp;&nbsp;你知道吗...</b></h3></span> <span id=call style=border-style:solid;border-width:1;border-color:#808080;width:320;background-color:white;height:100;text-align:center;> <span id=message style=width:270;height:70;background:white>大家好，我是dennisboys</span> </span>  <span>&nbsp;&nbsp;<input id=check1 type=checkbox checked onclick=checkone() onfocus=this.blur()>&nbsp;自动翻帖</span> <span style=width:155;height:20;background:#c0c0c0></span> <span><input type=button value="下一帖" style=background-color:#c0c0c0 onclick=nextmsg() onfocus=this.blur()></span> <span><input type=button value="关闭" style=background-color:#c0c0c0 onfocus=this.blur() onclick=closewin()></span> </td></tr> </table> </body> <script> var i=1 var timer1 var msg=new Array(); msg[0]="" msg[1]="大家好，我是dennisboys" msg[2]="我非常喜欢javascript" msg[3]="51js真是一个非常好的地方" msg[4]="我以后会常来的" msg[5]="就说到这吧，886" function nextmsg() { num.innerText=" "+i+"/5" message.innerText=msg[i] i++ if(i>5)i=1 clearTimeout(timer1) check1.checked=false } function checkone() { if(check1.checked==true) { num.innerText=" "+i+"/5" message.innerText=msg[i] i++ if(i>5)i=1 timer1=setTimeout("checkone()",2000) }else{clearTimeout(timer1)} } checkone() var count=0 function down1() { cleft=table1.style.pixelLeft ctop=table1.style.pixelTop cx=event.clientX cy=event.clientY count=1 } function move1() { if(count==1) {table1.style.pixelLeft=cleft+event.clientX-cx table1.style.pixelTop=ctop+event.clientY-cy} } function up1() { count=0 } function closewin() { table1.style.display='none' } </script>

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

您可能感兴趣的文章:

Web网页对话框可拖动、关闭(自动)文字循环变化
由Js实现的网页WEB对话框，鼠标可随意拖动改变位置，类似于有些软件初次运行时候弹出的每日提示，里面有文字在循环变化，时间到自动关闭,多么强大的一个web对话框啊，有兴趣的朋友可以参考下啊
2012-12-12
Js检测判断URL网址输入是否正确
JavaScript检测判断用户输入的URL是否正确，简单的正则规则，很准确的判断URL的合法性，值得借鉴。
2010-10-10
iphone手机桌面滑动效果使用css3实现
iphone手机桌面效果，因为用了css3样式，只测试了谷歌浏览器,此效果比较不错，有兴趣的朋友可以多测试几个浏览器
2012-12-12
花瓣漫天飞舞js特效，简单浪漫
现代社会结婚、走红毯等很多时候会撒花瓣，满天花瓣和赏烟花一样，人们都觉得那一瞬间好美丽好浪漫。就像昙花一现，美好的事物总是很短暂，提醒人们去珍惜。这篇文章主要介绍了花瓣漫天飞舞js特效，简单浪漫，程序猿们可以跟女朋友一起欣赏
2023-01-01
Js网页另存为实现代码
Js实现网页另存为，点击按钮即可实现，网页代码。
2010-09-09
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
最近写了个在线的编辑器，类似ewebeditor那样的，当然没有人家那么强大，但是基本功能都有，而且还是兼容ie和ff的,需要的朋友可以参考下
2012-12-12
网页计算器一个JS计算器
一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算
2013-09-09
百度手写板代码JavaScript远程调用的实现(鼠标输入法)
百度手写板代码JavaScript远程调用的实现，其实没什么可参考的，引用百度的Js文件，如果大家想使用这个类的话，自己下载就行了，正好可参考一下本演示，帮你快速入题。
2010-09-09
一款双向无缝+按钮定位的焦点图实现代码
做这个焦点图弄了大个晚上，感觉挺晕的~发上来给大家踩一下吧双向无缝的原理很简单实现起来也不难，主要头痛的是在前后无缝与按钮定位之间的配合问题，不过还好现在总算OK了。
2010-11-11
js 模拟气泡屏保效果代码
用JavaScript实现的模拟气泡屏保效果代码，包括气泡的碰撞效果，喜欢的朋友可以参考下。
2010-07-07