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>
查看全文
相关阅读:
SpringMVC学习笔记----
各种语言学习
七步精通Python机器学习 转
开源GIS有用
sql 语句
调试windows服务最简单的方法之一
sqlserver2008 win7下安装 windows installer错误
高德地图AmapSDKDemo运行
google mapsDemo示例运行
android开发环境搭建遇到的问题
原文地址:https://www.cnblogs.com/fjchenqian/p/1380550.html
最新文章
评分
java 多线程对成员变量与局部变量的影响
ASP.NET"正在中止线程"错误原因
js实现页面跳转的几种方式
js字符串转换成数字,数字转换成字符串
FTP服务器上的文件下载及下载文件为什么会包含当前页面的HTML代码
CommandArgument 添加多个参数
JS中split(),join(),substring(),indexOf()的用法
js 流对象 window.event.srcElement
JavaScript的self和this使用小结
热门文章
JavaScript中this的使用
对象的序列化存储:Serializable 和 Parceable
List、Set、Map常见集合遍历总结
maven打包到本地仓库里面
Velocity教程
freemarker,*.ftl文件在eclipse中正确的打开方式
spring的注解形式:@Repository、@Service、@Controller,
对Java Serializable(序列化)的理解和总结
eclipse使用git提交本地项目,提交至远程github上
git eclipse 不标记修改后的文件(没有图标标明)
Copyright © 2011-2022 走看看