zoukankan
html css js c++ java
(转)网页窗体两边的图片随着滚动条的滚动而滚动
Code
<!
DOCTYPE HTML PUBLIC
"
-//W3C//DTD HTML 4.0 Transitional//EN
"
>
<
HTML
>
<
HEAD
>
<
TITLE
>
New Document
<
/
TITLE>
<
META NAME
=
"
Generator
"
CONTENT
=
"
EditPlus
"
>
<
META NAME
=
"
Author
"
CONTENT
=
""
>
<
META NAME
=
"
Keywords
"
CONTENT
=
""
>
<
META NAME
=
"
Description
"
CONTENT
=
""
>
<
/
HEAD>
<
BODY
>
<
script language
=
"
javascript
"
>
self.onError
=
null
;
currentX
=
currentY
=
0
;
whichIt
=
null
;
lastScrollX
=
0
; lastScrollY
=
0
;
NS
=
(document.layers)
?
1
:
0
;
IE
=
(document.all)
?
1
:
0
;
<!--
STALKER CODE
-->
function
heartBeat(objectid)
{
if
(IE)
{ diffY
=
document.body.scrollTop; diffX
=
document.body.scrollLeft; }
if
(NS)
{ diffY
=
self.pageYOffset; diffX
=
self.pageXOffset; }
if
(diffY
!=
lastScrollY)
{
percent
=
.
1
*
(diffY
-
lastScrollY);
if
(percent
>
0
) percent
=
Math.ceil(percent);
else
percent
=
Math.floor(percent);
if
(IE)
{
objectid
=
objectid.split(
"
;
"
);
for
(i
=
0
; i
<
objectid.length; i
++
) eval(
"
document.all.
"
+
objectid[i]).style.pixelTop
+=
percent;
}
if
(NS)
{
objectid
=
objectid.split(
"
;
"
);
for
(i
=
0
; i
<
objectid.length; i
++
) eval(
"
document.
"
+
objectid[i]).top
+=
percent;
}
lastScrollY
=
lastScrollY
+
percent;
}
if
(diffX
!=
lastScrollX)
{
percent
=
.
1
*
(diffX
-
lastScrollX);
if
(percent
>
0
) percent
=
Math.ceil(percent);
else
percent
=
Math.floor(percent);
if
(IE)
{
objectid
=
objectid.split(
"
;
"
);
for
(i
=
0
; i
<
objectid.length; i
++
) eval(
"
document.all.
"
+
objectid[i]).style.pixelLeft
+=
percent;
}
if
(NS)
{
objectid
=
objectid.split(
"
;
"
);
for
(i
=
0
; i
<
objectid.length; i
++
) eval(
"
document.
"
+
objectid[i]).left
+=
percent;
}
lastScrollX
=
lastScrollX
+
percent;
}
}
<!--
/
STALKER CODE -->
if
(NS
||
IE) action
=
window.setInterval(
"
heartBeat('floater;floater1')
"
,
1
);
if
(IE)
{
document.write(
"
<DIV id='floater' style='LEFT: 0px; TOP: 5px; POSITION: absolute; WIDTH: 80; VISIBILITY: visible; Z-INDEX: 10;filter: Alpha(Opacity=88)'><a href='http://bns.23city.com/' target='_blank'><IMG src='http://bns.23city.com/images/asp.net.jpg' height='140' width='120' border='0'></a></DIV>
"
);
document.write(
"
<DIV id='floater1' style='right: 0px; TOP: 5px; POSITION: absolute; WIDTH: 80; VISIBILITY: visible; Z-INDEX: 10; filter: Alpha(Opacity=88)'><a href='http://bns.23city.com/' target='_blank'><IMG src='http://bns.23city.com/images/asp.net.jpg' height='140' width='120' border='0'></a></DIV>
"
);
}
if
(NS)
{
document.write(
"
<layer id=myleft top=5 width=80 height=80></layer>
"
);
}
<
/
script>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
><
BR
>
<
/
BODY>
<
/
HTML>
查看全文
相关阅读:
【学习总结】SQL的连接:join -- 内连接外连接左连接右连接
【学习总结】测试工具jmeter-从入门到精通-汇总
【刷题】面筋-数据库-关系型数据库与非关系型数据库Nosql区别汇总
【刷题】面筋-数据结构-排序算法的复杂度、稳定性、内部外部排序
【刷题】面筋-测开-测试应该什么时候介入
【问题解决方案】GitHub图片不显示的问题通过修改hosts解决
【刷题】面筋-网络-HTTP和HTTPS
【刷题】面筋-网络-数据传输方式
【刷题】面筋-网络-TCP三次握手和四次挥手的全过程
【刷题】面筋-网络-常见网络模型与各层网络协议
原文地址:https://www.cnblogs.com/fjchenqian/p/1380550.html
最新文章
Android测试提升效率批处理脚本
Spring Cloud(Dalston.SR5)--Ribbon 中间层负载均衡
Simple Logging Facade for Java 简单日志门面(Facade)
Feign 自定义编码器、解码器和客户端
Feign 请求拦截器和日志
Feign 使用入门
Ribbon 常用配置
Ribbon Ping机制
Ribbon 负载均衡机制
Ribbon 使用入门
热门文章
Hystrix 常用属性配置
【学习总结】Python-直接赋值、浅拷贝和深度拷贝解析
【学习总结】jmeter核心知识点
【问题解决方案】jmeter HTML请求 响应体中文乱码
【学习总结】关于jmeter下载时版本的选择问题:BINARYS与SOURCE,TGZ与ZIP如何选择?
【学习总结】jmeter入门概述
【学习总结】同一张表中有相关比较信息的情况
【学习总结】SQL语句:as定义
【学习总结】SQL零碎知识点和关键字总结
【学习总结】SQL语:limit -- 取n条
Copyright © 2011-2022 走看看