1顶

漂浮图片不受屏幕滚动影响

稿源：互联网 2022-04-02 21:41:05 点击： 8478 撤稿纠错

图片上下漂浮效果，不受到页面滚动的影响。

以下讨论的是和漂浮滚动相关的漂浮图片不受屏幕滚动影响教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="站长,网页特效,js特效,js脚本,脚本,广告代码,zzjs,zzjs.net,sky,www.zzjs.net,站长特效 网" />
<meta name="description" content="www.zzjs.net,站长特效网，站长必备js特效及广告代码。大量高质量js特效，提供高质量广告代码下载,尽在站长特效网" />
<title>网页特效 跟随页面飘浮的图片 站长特效网</title>
</head>
<body>
<a href="http://www.zzjs.net/">站长特效网</a>,站长必备的高质量网页特效和广告代码。zzjs.net，站长js特效。<hr>

<div id="zzjs_net" STYLE="position:absolute;visibility:visible;">

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a href="http://www.zzjs.net">
<img src="/img/pop52.gif" border="0">
</a>
</td>
</tr>
<tr>
<td>
<center><a href="http://www.zzjs.net">
站长特效网一号
</a></center>
</td>
</tr>
<tr>
<td>
<center><a href="http://www.zzjs.net">
站长特效网二号
</a></center>
</td>
</tr>
</table>

</div>
<script LANGUAGE="JavaScript1.2">
var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=60;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
zzjs_net.style.top=YY;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
else if (ns4){
YY=window.innerHeight;
document.zzjs_net.pageY=YY;
document.zzjs_net.visibility="hidden";
}//欢迎来到站长特效网c，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
else if (ns6){
YY=window.innerHeight
document.getElementById('zzjs_net').style.top=YY
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，c很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=zzjs_net.offsetHeight;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，g本站收集大量高质量js代码，还有许多广告代码下载。
else if (ns4){
ch=window.innerHeight;
oh=document.zzjs_net.clip.height;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，x还有许多广告代码下载。
else if (ns6){
ch=window.innerHeight
oh=document.getElementById("zzjs_net").offsetHeight
}//欢迎c来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
zzjs_net.style.left=XX;
zzjs_net.style.top=YY+document.body.scrollTop;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码c，还有许多广告代码下载。
else if (ns4){
document.zzjs_net.pageX=XX;
document.zzjs_net.pageY=YY+window.pageYOffset;
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载c。
else if (ns6){
document.getElementById("zzjs_net").style.left=XX
document.getElementById("zzjs_net").style.top=YY+window.pageYOffset
}
}//欢迎来到站长特效网d，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代码，还有许多广告代码下载。
function onad()
{
if(ns4)
document.zzjs_net.visibility="visible";
loopfunc();
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效 ，本站收集大量高质量js代码，还有许多广告代码下载。
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}//欢迎来到站长特效网，我们的网址是www.zzjs.net，很好记，zz站长，js就是js特效，本站收集大量高质量js代q码，还有许多广告代码下载。
if (ie||ns4||ns6)
window.onload=onad
</script>
 zzjs .net 
</body>
</html>

关于漂浮图片不受屏幕滚动影响的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2010093065207.shtml方便下次再访问哦。

·上一篇： 记录cookie的动态图片切换
·下一篇： 幻灯片多样式切换特效

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

漂浮图片不受屏幕滚动影响

文章分类LIST >>返回首页

最新游戏

最新新闻