zoukankan      html  css  js  c++  java
  • 代码收藏——js+asp 的屏幕滚动脚本

    最近刚刚到公司,写得这个东西,放在这里收藏一下,方便以后用。

    效果演示:http://www.9600100.com/

    <script type="text/javascript" language="javascript">

                         <%=divID%>marqueesHeightone=300;

                         <%=divID%>stopscroll1=false;

                         with(<%=divID%>){

                                  style.width=380;

                                  style.height=<%=divID%>marqueesHeightone;

                                  style.overflowX="visible";

                                  style.overflowY="hidden";

                                  noWrap=true;

                                  onmouseover=new Function("<%=divID%>stopscroll1=true");

                                  onmouseout=new Function("<%=divID%>stopscroll1=false");

                           }

                           <%=divID%>preTop1=0; <%=divID%>currentTop1=<%=divID%>marqueesHeightone; <%=divID%>stoptime1=0;

                           <%=divID%>.innerHTML+=<%=divID%>.innerHTML;

                           

                        

                         function init_<%=divID%>srolltext1(){

                           <%=divID%>.scrollTop=0;

                           setInterval("<%=divID%>scrollUp1()",1);

                         }init_<%=divID%>srolltext1();

                        

                         function <%=divID%>scrollUp1(){

                           if(<%=divID%>stopscroll1==true) return;

                           <%=divID%>currentTop1+=1;

                           if(<%=divID%>currentTop1==<%=divID%>marqueesHeightone+1)

                           {

                                <%=divID%>stoptime1+=1;

                                <%=divID%>currentTop1-=1;

                                if(<%=divID%>stoptime1==500)

                                {

                                       <%=divID%>currentTop1=0;

                                       <%=divID%>stoptime1=0;               

                                }

                           }

                           else {       

                                 <%=divID%>preTop1=<%=divID%>.scrollTop;

                                  <%=divID%>.scrollTop+=1;

                                  if(<%=divID%>preTop1==<%=divID%>.scrollTop){

                                       <%=divID%>.scrollTop=<%=divID%>marqueesHeightone;

                                       <%=divID%>.scrollTop+=1;

                                      

                                  }

                           }

                        

                         }

                         init_<%=divID%>srolltext1();

                  </script>

     

     
  • 相关阅读:
    mislider jQuery响应式圆形图片轮播图特效制作(图片轮播效果二)
    CSS3 animation实现图片轮播效果 自动显示 无需使用js 含代码(图片轮播效果一)
    HTML5 Canvas 学习笔记(canvas绘制线条、矩形、多边形、圆、自定义图像)
    网页右侧悬浮窗制作
    用JavaScript实现选项卡功能
    XML 可扩展的标记性语言
    继承
    原型和原型链
    HTTP 协议类
    DOM 事件
  • 原文地址:https://www.cnblogs.com/AloneSword/p/2237582.html
Copyright © 2011-2022 走看看