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需再刷新一下页面才能执行]

您可能感兴趣的文章:

table 隔列(行)换色效果让表格结构更清淅
table 隔列换色效果，很实用的一款网页特效代码，用隔行换色来修饰表格，可让表格结构更清淅，也更加美观，是一个十分流行的表格特效,在网页中有利于提高用户体验，是一个很不错的效果，需要的朋友可以参考下
2012-12-12
js 模拟气泡屏保效果代码
用JavaScript实现的模拟气泡屏保效果代码，包括气泡的碰撞效果，喜欢的朋友可以参考下。
2010-07-07
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
qq空间的个性编辑模块可以随意的拖动页面上的元素并且调动大小实现动态布局;这种效果的确很酷,那么我们也来实现一个吧
2012-12-12
Js网页另存为实现代码
Js实现网页另存为，点击按钮即可实现，网页代码。
2010-09-09
自己写的兼容ie和ff的在线文本编辑器类似ewebeditor
最近写了个在线的编辑器，类似ewebeditor那样的，当然没有人家那么强大，但是基本功能都有，而且还是兼容ie和ff的,需要的朋友可以参考下
2012-12-12
HTML很火的浪漫爱心表白代码
程序员的你是不是也想送个特别的礼物。今天给大家分享一个HTML+CSS+jQuery实现的情侣浪漫爱心表白JS特效，视觉效果还是相当不错！得此表白神器，程序猿也可以很浪漫！快去追你的女神吧，把这个告白爱心动画发给你心爱的她！
2023-01-01
js实现花俏的转动、旋转之后慢慢张开的窗口特效
花俏的转动的窗口，主要是使用JavaScript代码实现，运行本效果后，窗口不断旋转，而后慢慢张开，很炫的效果，看到之后我都目瞪口呆了，真的是很炫，期待喜欢的朋友借鉴参考
2012-12-12
网页计算器一个JS计算器
一个挺小的JavaScript网页计算器，界面美化的我想还是不错的，毕竟在没有使用任何图片修饰的情况下，很好看，而且功能挺实用，可以完成基本的数学算数运算
2013-09-09
Js获取电脑屏幕的颜色色彩品质(16位或32位)
Js获取屏幕的颜色色彩品质，16位或32位，只需运行本代码，即可得到你当前屏幕的颜色品质，现在一般都是32位了。
2010-09-09
百度手写板代码JavaScript远程调用的实现(鼠标输入法)
百度手写板代码JavaScript远程调用的实现，其实没什么可参考的，引用百度的Js文件，如果大家想使用这个类的话，自己下载就行了，正好可参考一下本演示，帮你快速入题。
2010-09-09

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具