始终显示在最顶端的文本JS代码如何写|萝卜系统

编程（Programming）是编定程序的中文简称，就是让计算机代码解决某个问题，对某个计算体系规定一定的运算方式，使计算体系按照该计算方式运行，并最终得到相应结果的过程。为了使计算机能够理解（understand）人的意图，人类就必须将需解决的问题的思路、方法和手段通过计算机能够理解的形式告诉计算机，使得计算机能够根据人的指令一步一步去工作，完成某种特定的任务。这种人和计算体系之间交流的过程就是编程。

【实例名称】

始终显示在最顶端的文本

【实例描述】

在很多网站上可以看到一些广告总是随着页面的滚动而滚动，同时又能只豆示在页面的最顶端其中的原理就是使用定时器不断改变div的位置。

【实例代码】

                       
<script language="JavaScript">
    function StaticDiv(theName,Top,Left) 
    {
        RealTop=parseInt(document.body.scrollTop);  //获取当前屏幕的X坐标
        TrueTop=Top+RealTop;                        
        document.all[theName].style.top=TrueTop;    //指定div的X坐标位置
        RealLeft=parseInt(document.body.scrollLeft);//获取当前屏幕的Y坐标
        TrueLeft=Left+RealLeft;
        document.all[theName].style.left=TrueLeft; //指定div的Y坐标位置
    }
    setInterval('StaticDiv("AlwaysDiv",0,0)',1);  //定时重置div的位置
</script>
在页面中要设计始终显示的内容如下所示：
<div id="AlwaysDiv" style="position:absolute; left:1.5px; 
top:0px; width:230px; height:30px; z-index:10"> 
       <font size="5"><b>保持最顶端的文字</b></font>
</div>

【运行效果】

运行效果

【难点剖析】

本例中的要点有层和坐标。“scrollTop”是body的属性，用来获取最顶端的坐标，而“scrollLeft”用来获取最左侧的坐标。其中层用来显示文本内容，并使用了“setInterval”不断检测页面的左上角的坐标，以及时改变层的位置。

【源码下载】

本实例JS代码下载

使用编程语言写的程序，由于每条指令都对应计算机一个特定的基本动作，所以程序占用内存少、执行效率高。

……

标签:始终显示在最顶端的文本JS代码如何写