网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 页面窗口 >> 正文
最新文章
· 网页窗口拖拽(改变大小/最小化/最大
· 带动画效果的网页右侧伸缩窗口
· 左右拖动改变内容显示区域的大小
· 类似QQ对话框上下部分可拖动代码
· jQuery 内容左右切换效果
· 按分辨率导航相应页面
· 分享一款自制的网页滚动条样式
· ModelDialog 可拖拽的JS模态对话框
· 根据div高度判断分页的代码
· 按下键盘上的按键显示在网页空白处
热门文章
 jQuery 内容左右切换效果
 左右拖动改变内容显示区域的大小
 根据div高度判断分页的代码
 可最小化和关闭的右下角浮动窗口
 超漂亮提取自ZCMS弹出框效果v2.1
 jQuery通用的dialog/popup窗口插件
 Js智能判断浏览器是关闭还是刷新
 网页窗口拖拽(改变大小/最小化/最
 让父页面变暗并不可操作的弹出层提
 多个层的显示隐藏+拖动效果
相关文章
没有相关文章
Tip对话窗口
来源:站长资源网 更新时间:2010/8/11 11:37:34 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<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> 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>
<br>
<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><br>  <b><font color=white style=cursor:help onclick='alert("大家随便拿去用哦^o^")'>帮助</font></b>
<br><br><br><br><br><br><br><br>
<span style=color:white; id=num>  1/5</span>
</span>
<span style=border-style:solid;border-width:1;border-color:#808080;width:320;background-color:white;height:60;position:absolute;><br><h3><b>  你知道吗...</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;>
<br><span id=message style=width:270;height:70;background:white>大家好,我是dennisboys</span>
</span>
<br><br>
<span>  <input id=check1 type=checkbox checked onclick=checkone() onfocus=this.blur()> 自动翻帖</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>

△运行 ☉预览 #复制 +收藏
特效说明:
Tip对话窗口
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号