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

时间：2022-04-04 07:35:17|栏目：JavaScript代码|点击：次

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

上一篇：使用JavaScript链式编程实现模拟Jquery函数

栏目：JavaScript代码

下一篇：简单谈谈javascript中this的隐式绑定

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

本文地址：http://www.codeinn.net/misctech/198143.html

更多JavaScript代码

JavaScript代码

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

阅读排行

推荐教程