网页特效:随滚动条移动的DIV层

news/2024/7/4 0:51:01 标签: div, class, xhtml, javascript, html
html" title=class>class="baidu_pl"> <html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="article_content" html" title=class>class="article_content clearfix"> <html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="content_views" html" title=class>class="htmledit_views">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/html" title=xhtml>xhtml1/DTD/html" title=xhtml>xhtml1-transitional.dtd ">
<html xmlns="http://www.w3.org/1999/html" title=xhtml>xhtml ">
<HEAD>
<TITLE>随滚动条移动的层 - 51windows.Net</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">
<META NAME="Author" CONTENT="haiwa">
<META NAME="homepage" CONTENT="www.51windows.net ">
</HEAD>
<style>
<!--
.html" title=class>class="tags" href="/tags/DIV.html" title=div>div{
 position: absolute;
 border: 2px solid red;
 background-color: #EFEFEF;
 line-height:90px;
 font-size:12px;
 z-index:1000;
}
-->
</style>
<BODY>
<html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="Javascript.Div1" html" title=class>class="html" title=class>class="tags" href="/tags/DIV.html" title=div>div" style="width: 240px; height:90px" align="center">正中...</html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
<SCRIPT LANGUAGE="JavaScript">
function sc1(){
 document.getElementById("Javascript.Div1").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("Javascript.Div1").offsetHeight)/2)+"px";
 document.getElementById("Javascript.Div1").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("Javascript.Div1").offsetWidth)/2)+"px";
}
</SCRIPT>


<html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="Javascript.Div2" html" title=class>class="html" title=class>class="tags" href="/tags/DIV.html" title=div>div" style="width: 240px; height:90px" align="center">左上...</html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
<SCRIPT LANGUAGE="JavaScript">
function sc2(){
 document.getElementById("Javascript.Div2").style.top=(document.documentElement.scrollTop)+"px";
 document.getElementById("Javascript.Div2").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>

<html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="Javascript.Div3" html" title=class>class="html" title=class>class="tags" href="/tags/DIV.html" title=div>div" style="width: 240px; height:90px" align="center">左下...</html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
<SCRIPT LANGUAGE="JavaScript">
function sc3(){
 document.getElementById("Javascript.Div3").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div3").offsetHeight)+"px";
 document.getElementById("Javascript.Div3").style.left=(document.documentElement.scrollLeft)+"px";
}
</SCRIPT>

<html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="Javascript.Div4" html" title=class>class="html" title=class>class="tags" href="/tags/DIV.html" title=div>div" style="width: 240px; height:90px" align="center">右上...</html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
<SCRIPT LANGUAGE="JavaScript">
function sc4(){
 document.getElementById("Javascript.Div4").style.top=(document.documentElement.scrollTop)+"px";
 document.getElementById("Javascript.Div4").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div4").offsetWidth)+"px";
}
</SCRIPT>

<html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="Javascript.Div5" html" title=class>class="html" title=class>class="tags" href="/tags/DIV.html" title=div>div" style="width: 240px; height:90px" align="center">右下...</html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
<SCRIPT LANGUAGE="JavaScript">
function sc5(){
 document.getElementById("Javascript.Div5").style.top=(document.documentElement.scrollTop+document.documentElement.clientHeight-document.getElementById("Javascript.Div5").offsetHeight)+"px";
 document.getElementById("Javascript.Div5").style.left=(document.documentElement.scrollLeft+document.documentElement.clientWidth-document.getElementById("Javascript.Div5").offsetWidth)+"px";
}
</SCRIPT>


<SCRIPT LANGUAGE="JavaScript">
<!--
function scall(){
 sc1();sc2();sc3();sc4();sc5();
}
window.οnscrοll=scall;
window.οnresize=scall;
window.οnlοad=scall;
//-->
</SCRIPT>
<html" title=class>class="tags" href="/tags/DIV.html" title=div>div style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;"></html" title=class>class="tags" href="/tags/DIV.html" title=div>div>
</BODY>
</HTML>

html" title=class>class="tags" href="/tags/DIV.html" title=div>div> html" title=class>class="tags" href="/tags/DIV.html" title=div>div> <html" title=class>class="tags" href="/tags/DIV.html" title=div>div id="treeSkill">html" title=class>class="tags" href="/tags/DIV.html" title=div>div>

http://www.niftyadmin.cn/n/588066.html

相关文章

tomcat 篇 记一次事故

如果你在用tomcat &#xff0c;建议你看看这篇文章&#xff0c;事关事故 背景&#xff1a;在做一个ssm整合的项目&#xff0c;就是打成war包&#xff0c;放到 tomcat/webapps 启动&#xff0c; 场景&#xff1a;&#xff08;可忽略&#xff09; 当时开发人员希望提前传war包到…

抽象工厂模式和工厂方法模式区别

https://blog.csdn.net/liu88010988/article/details/50799902

BLDDEMO: There were errors building ZJKemulator

wince5 sysgen时候出现错误&#xff1a;BLDDEMO: There were errors building ZJKemulator 查找build.log发现如下错误&#xff1a; Directory: C:\WINCE500\PUBLIC\COMMON\CESYSGEN TARGETNAME: ntlmssp makefile.def: Including C:\WINCE500\public\common\oak\misc\source…

Windows Socket编程简介

转载地址&#xff1a;http://hi.baidu.com/huangfei564/blog/item/c8fc9c8e62b323fc503d9202.html WinSock编程使用WinSock API的编程&#xff0c;应该了解TCP/IP的基础知识。虽然你可以直接使用WinSock API来写网络应用程序&#xff0c;但是&#xff0c;要写出优秀的网络应用程…

VC常用代码之输出调用出错信息

很多时候要使用GetLastError函数来获取函数调用的出错代码&#xff0c;但仅仅是代码并不够&#xff0c;我们还需要知道错误代码所代表的具体信息。在《Windows核心编程》中提到过一种办法&#xff0c;现整理代码如下&#xff1a; LPVOIDlpMsgBuf; DWORDdwGetLastError(); Form…

VC常用代码之通过注册表寻找应用程序路径

很多时候在调用一些应用程序之前需要先找到应用程序的路径。使用CFileFind类效率较低&#xff0c;如果要寻找一些已经在注册表标明路径的应用程序&#xff0c;通过注册表来寻找不失为一个便捷的途径。下面就是通过注册表寻找应用程序路径的相关代码&#xff08;以寻找Rar.exe为…

【C++ STL应用与实现】72: 标准库里的堆--如何使用标准库的heap算法

https://elloop.github.io/c/2016-11-29/learning-using-stl-72-make-heap

VC常用代码之动态加载DLL

根据MSDN&#xff1a; //File:RUNTIME.C //AsimpleprogramthatusesLoadLibraryand //GetProcAddresstoaccessmyPutsfromMYPUTS.DLL. #include<stdio.h> #include<windows.h> typedefVOID(*MYPROC)(LPTSTR); VOIDmain(VOID) { HINSTANCEhinstLib; MYPROC…