对联式广告栏
来源:互联网 发布:java私活网 编辑:程序博客网 时间:2024/04/28 20:38
<!--------对联式滑动带关闭按钮的广告---------------->
<SCRIPT language="JavaScript">
<!--
lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
//下面这段删除后,对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
left1.style.visibility='hidden';
}
function close_left2(){
left2.style.visibility='hidden';
}
function close_right1(){
right1.style.visibility='hidden';
}
function close_right2(){
right2.style.visibility='hidden';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:40px;left:5px\">");
//------左侧各块开始
//---L1
document.writeln("<div id=\"left2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.baidu.com><img border=0 src=/hndczd/src/guanggao/images/2.png></a>");
document.writeln("<br><a href=\"javascript:close_left2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.baidu.com><img border=0 src=/hndczd/src/guanggao/images/2.png></a>");
document.writeln("<br><a href=\"javascript:close_right2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>
<SCRIPT language="JavaScript">
<!--
lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
//下面这段删除后,对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
left1.style.visibility='hidden';
}
function close_left2(){
left2.style.visibility='hidden';
}
function close_right1(){
right1.style.visibility='hidden';
}
function close_right2(){
right2.style.visibility='hidden';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:40px;left:5px\">");
//------左侧各块开始
//---L1
document.writeln("<div id=\"left2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.baidu.com><img border=0 src=/hndczd/src/guanggao/images/2.png></a>");
document.writeln("<br><a href=\"javascript:close_left2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://www.baidu.com><img border=0 src=/hndczd/src/guanggao/images/2.png></a>");
document.writeln("<br><a href=\"javascript:close_right2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>
0 0
- 对联式广告栏
- 对联式菜单
- 对联式网页滚动代码
- 对联式网页滚动代码
- JavaScript对联式浮动广告
- 广告栏实现
- js 浮动广告栏
- 仿QQ广告栏
- Gallery 模仿Flash广告栏
- ViewPager仿淘宝广告栏
- Android轮播广告栏
- 用ViewPager实现广告栏
- android 广告栏 viewpager
- android ViewPager制作广告栏
- android广告栏banner封装
- 头部广告栏viewpager + recyclerview
- 自动播放的 广告栏
- Android 轮播图广告栏ViewPager
- Scala从零开始:使用Intellij IDEA写hello world
- windows平台下使用Github(2 创建代码仓库,安装Github客户端.)
- Common-beanutils来封装map集合到实体类对象中
- strtok函数
- Android系统进程间通信(IPC)机制Binder中的Server启动过程源代码分析
- 对联式广告栏
- 事务并发、事务隔离级别
- SQL 日期转换Convert函数
- C++ 代码缩进
- java定时任务1:Timer
- Longest substring without repeat(C++)
- 编译安装dbproxy altas
- 12312313
- C#查看Windows系统Task Scheduler内任务的运行状态