欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 下落的窗口
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
本 类 热 门
· 自定义ALT
· 3个不同高度的三维可拖...
· 区别onClick和onDBCli...
· 有下拉菜单的复选
· 类似MSN提示的页面效果...
· Window启动效果
· Quotes
· 字符倒排
· 取得控件的绝对位置
· 在线状态检测
· 客户端信息检测
· setInterval与setTime...
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
下落的窗口
下落的窗口
作者:无  来源:本站整理  名称:下落的窗口 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:
]  源码如下
----------------------------------------------------------
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Keywords" content="51windows.Net">
<meta name="Author" content="haiwa">
<title>下落的窗口-www.51windows.Net</title>
<style>
<!--
* {font:menu}
-->
</style>
</head>

<body onload=doPopup()>
<script language="JavaScript">
<!--

// Drop-in content box- By Dynamic Drive
// For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
// This credit MUST stay intact for use

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 //(must be divisible by 8)
var direction="left"

function initbox(){
if (!dom&&!ie&&!ns4)
return
cen=(ie)? document.body.clientWidth/2-155 : (dom)?window.innerWidth/2-155 : window.innerWidth/2-155
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-250
crossobj.width=310
crossobj.left=cen

crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<125+scroll_top)
crossobj.top=parseInt(crossobj.top)+40
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",50)
}
}

function staton(st) {
window.status='Contact Us';
return true;
}
function statoff() {
window.status='';
}


function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}

function doPopup() {

var info='<TABLE WIDTH=310 BGCOLOR="#000000" CELLPADDING=4 CELLSPACING=0><TR><TD><TABLE BGCOLOR="#FFFFCC" CELLSPACING=0 CELLPADDING=5><TR><TD>'
+ '<DIV CLASS="header" ALIGN="center">Join Tek-Tips<SUP>&reg;</SUP> Today!</DIV>'
+ '<P ALIGN="Center">Join your peers on the Internet\'s largest technical computer professional community.<BR>It\'s easy to <a href="#"><B>join</B></A> and it\'s free.</P>'
+ '<P><B>Here\'s Why Members Love Tek-Tips Forums:</B>'
+ '<UL>'
+ '<LI>Talk To Other Members</LI>'
+ '<LI>Notification Of Responses To Questions</LI>'
+ '<LI>Favorite Forums One Click Access</LI>'
+ '<LI>Keyword Search Of All Posts, And More...</LI>'
+ '</UL></P>'
+ '<P ALIGN="Center"><a href="#"><b>Register</b></a> now while it\'s still free!</p>'
+ '<P ALIGN="Center">Already a member? <a href=javascript:dismissbox()><b>Close</b></a> this window and log in.</P>'
+ '<P ALIGN="Center"><font size=3><a href="#"><B>Join Us</B></A>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=javascript:dismissbox()><b>Close</b></a></font></p>'
+ '</TD></TR></TABLE></TD></TR></TABLE>';
if (ie) {
document.all.dropin.innerHTML = info;
document.all.dropin.left='200';
}
else if (ns4) {
document.layers['dropin'].document.open();
document.layers['dropin'].document.write(info);
document.layers['dropin'].document.close();
}
else if (dom) {
document.getElementById('dropin').innerHTML= info;
}


initbox();
}
//-->
</script>
<div id="dropin" style="position:absolute;visibility:hidden;top:125;"></div>

</body>

</html>
[返回上一页] [打印下落的窗口]
上一篇特效:自动跳出框架
下一篇特效:Div+CSS简单的例子
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |