您的位置信息之舟电 脑硬件栏目首页网页制作HTML 收藏本页

→ 怎么样通过加载JS到html或Asp中来实现页面自动更新呢?

www.kepusoft.com 信息之舟电脑软件应用栏目

    信息之舟电脑软件应用栏目编者按:

     

     var delta=0.015;
     var collection;
     var closeB=false;
     function floaters() {
      this.items = [];
      this.addItem = function(id,x,y,content)
          {
         document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:250px; height:250px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
         
         var newItem    = {};
         newItem.object   = document.getElementById(id);
         newItem.x    = x;
         newItem.y    = y;

         this.items[this.items.length]  = newItem;
          }
      this.play = function()
          {
         collection= this.items;
         setInterval('play()',5);
          }
      }
      function play()
      {
       if(screen.width<=800 || closeB)
       {
        for(var i=0;i<collection.length;i++)
        {
         collection[i].object.style.display = 'none';
        }
        return;
       }
       for(var i=0;i<collection.length;i++)
       {
        var followObj  = collection[i].object;
        var followObj_x  = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
        var followObj_y  = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

        if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
         var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
         dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
         followObj.style.left=followObj.offsetLeft+dx;
         }

        if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
         var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
         dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
         followObj.style.top=followObj.offsetTop+dy;
         }
        followObj.style.display = '';
       }
      } 
      function closeBanner()
      {
       closeB=true;
       return;
      }
     
     var theFloaters  = new floaters();
     //theFloaters.addItem('followDiv1','document.body.clientWidth-130',50,'<iframe src="
    http://www.kepusoft.com/gongao/gongao1.htm" frameborder="0" scrolling=no width=100 height=144></iframe>');
     theFloaters.addItem('followDiv2',6,50,'<iframe src="
    http://www.kepusoft.com/gongao/gongao1.htm" frameborder="0" scrolling=no width=250 height=250></iframe>');
     theFloaters.play();

     

    怎么样通过加载JS到html或Asp中来实现页面自动更新呢?

    这篇文章介绍的是:通过加载JS实现页面Html内容靠屏幕左侧随滚动条上下滚动:

    方法:

    一、首先,请把以上彩色边框内代码复制到left.js一个JS文件中;

    (方法:建立文本文档left.txt然后修改扩展名即是left.js)

    二、然后把该文件left.js加载到你想显示的页面内;

    比如:加载到index.htm中;

    (加载left.js的方法:

    在index.htm文件中加入以下代码:“<script scr="http://www.kepusoft.com/soft2/jpg/left.js"></script>”

    这是简单的方法之一,也有其它加载方法这里就不多说了;)

    三、接下来就请运行一下你的index.htm文件,看看效果吧!

    备注:

    1、代码中http://www.kepusoft.com/gongao/gongao1.htm(这是一个有滚动代码的页面)可以修改成你自己的页面,可以是:.htm、.html、.Asp、.jpg、等文件;通过修改left.js文件里面你加载的内容从而达到:显示给客户端页面的自动更新;

    2、“http://www.kepusoft.com/soft2/jpg/”改成你自己的left.js文件目录;

    (以上代码可以实现:你加载的页面随滚动条在屏幕左侧上下移动,再加上这里为你提供的加载页面也是滚动的,这样就达到了动中带动的效果!)

www.kepusoft.com 信息之舟电脑之家收集整理推荐文章

相关文章:·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验
→ HTML栏目列表:

DreamWeaver
FrontPage
FireWorks
Flash
HTML
CSS&其它

→ 赞助商链接:
→ 热门文章排行榜:
·textarea多行多列输入元素:窗体中的基本元素(实施对Textarea中的元素进行控制)
·怎么样通过加载JS到html或Asp中来实现页面自动更新呢?
·图片特殊效果HTML源代码汇集整理(美化你的网页)
·ASP和html中用java script控制图片显示的大小(等比例缩放)
·Button按钮 功能:实施对Button按钮的控制 checkbox检查框 功能:实施对一个具有复选框中元素的控制
·radio无线按钮 功能:实施对一个具单选功能的无线按钮控制 hidden:隐藏 功能:实施对一个具有不显示文字并能输入字符的区域元素的控制
·Select选择元素:实施对滚动选择元素的控制_窗体中的基本元素
·一个做网站比较流行的图片幻灯片网页特效
·基本HTML代码大集合(整理中...)
·使用DIV排版的经验