`
flyduck
  • 浏览: 47336 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

自动向上或者向下循环的菜单代码(百分百原创)

 
阅读更多
js 代码
  1. var rollspeed=20   
  2. rolllink2.innerHTML=rolllink1.innerHTML   
  3. var objDIV=document.getElementById("rolllink");   
  4. var status;   
  5. var begin=false;   
  6. var flag=false;   
  7. var MyMar;   
  8. function Marquee(){   
  9.  if(!status){   
  10.   if(rolllink2.offsetTop-rolllink.scrollTop<=objDIV.height){   
  11.    //alert(rolllink2.offsetTop+"|"+rolllink1.offsetTop+"|"rolllink.scrollTop);   
  12.     roleStop();   
  13.     //rolllink.scrollTop-=rolllink1.offsetHeight   
  14.   }else{   
  15.    rolllink.scrollTop++     
  16.   }   
  17.     
  18.  }else{   
  19.   if(rolllink2.offsetTop-objDIV.height<0){   
  20.       
  21.     roleStop();   
  22.       
  23.    rolllink.scrollTop+=rolllink1.offsetHeight   
  24.       
  25.   }else{   
  26.    rolllink.scrollTop--   
  27.       
  28.   }   
  29.  }    
  30. }   
  31.     
  32. function roleStop(){   
  33.     
  34.  clearInterval(MyMar)   
  35.  begin=true;   
  36.     
  37. }   
  38. function mouseclickDown(){   
  39.  status=true;   
  40.  MyMar=setInterval(Marquee,rollspeed)   
  41. }   
  42. function mouseclickUP(){   
  43.  status=false;   
  44.  MyMar=setInterval(Marquee,rollspeed)   
  45.     
  46. }   
  47. function roleStar(){   
  48.  if(begin){   
  49.   setInterval(Marquee,rollspeed)   
  50.   begin=false;   
  51.  }   
  52.     
  53. }  
分享到:
评论
1 楼 ouspec 2007-06-05  
代码看不见,请用BBCODE的Code包含。

相关推荐

    jQuery带按钮向上滚动向下滚动代码.zip

    jQuery带按钮向上滚动向下滚动代码是基于流行的JavaScript库jQuery实现的一种网页滚动效果。这个功能通常用于网站页面,尤其是内容较多的页面,以便用户能够轻松地浏览页面内容而无需手动滚动鼠标或触摸屏幕。这种...

    鼠标放上去后向上弹出菜单导航代码

    "鼠标放上去后向上弹出菜单导航代码"是一种常见的交互设计技术,它增强了用户对网站的感知和控制,使得用户能更方便地访问网站内容。这种技术通常涉及到JavaScript、CSS以及HTML的结合使用。 首先,我们要理解HTML...

    drop-menu(向上,向下,向右伸展导航菜单)

    **drop-menu(向上,向下,向右伸展导航菜单)** 在网页设计中,导航菜单是用户界面的重要组成部分,它帮助用户快速访问网站的不同部分。`drop-menu`是一种常见的交互式菜单,通常用于呈现多层次的导航结构。这种菜单在...

    带时间的日期控件 自动向上或向下弹出 JS

    弹出框的设计考虑了用户体验,会根据窗体可视高度自动判断是向上还是向下弹出。这是为了确保弹出框不会被浏览器的滚动条或页面其他元素遮挡,从而提高用户操作的便利性。这种智能定位功能是通过JavaScript的DOM...

    向上滚动,可控制,点击向上滚动,点击向下滚动

    在文件名为“产品向上滚动”的压缩包中,可能包含的是实现这一功能的代码示例、设计资源或者相关的文档。开发者可以通过研究这些文件来学习如何在自己的项目中实现可控的上下滚动功能,或者为现有的滚动体验增添更多...

    java向上转型向下转型

    Java 向上转型与向下转型 Java 转型是 Java 编程中的一种非常重要的概念,主要包括向上转型和向下转型两种。向上转型是指将子类对象转换为父类对象,而向下转型是指将父类对象转换为子类对象。 向上转型...

    无缝滚动向上向下向左向右的代码

    无缝滚动 文字滚动 图片滚动 网页文字滚动代码 js图片滚动 无缝滚动向上向下向左向右的代码 四个方向

    Jquery四种苹果风格导航菜单(横向竖向向上向下)

    本资源“Jquery四种苹果风格导航菜单(横向竖向向上向下)”旨在帮助开发者创建具有苹果公司标志性风格的导航菜单,这些菜单既美观又实用,能够提升用户的浏览体验。以下是对这个资源所涉及知识点的详细解释: 1. **...

    js图片向上下左右滚动的代码 图片向上滚动js代码

    在提供的代码片段中,我们看到了两个方向的滚动示例:向上和向下。代码中使用了两个不同的ID(`colee` 和 `colee_bottom`)来分别实现这两个方向的滚动。 **向上滚动的实现**: 向上滚动的代码从`&lt;div id="colee"&gt;....

    Jquery苹果风格导航菜单(横竖向上向下)

    "Jquery苹果风格导航菜单(横竖向上向下)"是一个利用jQuery库实现的具有苹果风格的多方向导航菜单。这个资源提供了四种不同的布局模式:横向、竖向、向上展开和向下展开,为网页设计师提供更多的选择来满足不同网站...

    JS控制滚动条自动向下滚动

    在JavaScript(JS)编程中,控制滚动条自动向下滚动是一种常见的需求,特别是在实时聊天、论坛或者日志更新等场景中,我们希望用户能够始终保持看到最新的内容。本篇将详细讲解如何利用JavaScript实现这一功能,以及...

    jQuery滚动自动隐藏导航菜单代码.zip

    这段代码会检测用户是否向上或向下滚动,根据滚动方向决定是否显示或隐藏导航菜单: ```javascript $(document).ready(function() { var nav = $('#sticky-nav'); var navTop = nav.offset().top; $(window)....

    jQuery表格信息自动向上滚动代码.zip

    以下是一个简化的代码示例,展示了如何用jQuery实现自动向上滚动的表格: ```javascript $(document).ready(function() { var $table = $('#yourTableId'); var scrollInterval; $table.hover( function() ...

    jQuery实现列表自动滚动循环滚动展示新闻

    使用jQuery不仅能够简化对DOM的操作,还可以通过简短的代码实现较为复杂的功能。以下是相关的知识点: 1. HTML部分:首先需要一个div元素作为滚动容器,这个容器内部包含一个ul元素,ul元素中再包含多个li元素,每...

    用CSS3实现无限循环的无缝滚动的实例代码

    具体到无限循环滚动的场景,我们可以设置一个向上滚动的动画,动画的起始点和结束点分别是元素的初始状态和向下滑动一定距离后的位置。 示例中提到的使用transform属性中的translate3d来控制元素的位置,这比直接...

    jQuery手机端导航下拉菜单代码.zip

    在这个名为"jQuery手机端导航下拉菜单代码.zip"的压缩包中,包含了一套专门针对手机端设计的多级下拉菜单解决方案。 首先,我们要理解这个菜单导航的实现原理。在JavaScript中,尤其是jQuery,我们可以利用事件监听...

    页面滚动时自动隐藏Bootstrap顶部导航菜单jQuery插

    Bootstrap Auto-Hiding Navbar是一款非常实用的在页面滚动时自动隐藏Bootstrap顶部导航菜单的jQuery插件。它通过扩展原生Bootstrap顶部固定导航菜单,使其在页面向下滚动时隐藏,向上滚动时又显示出来。

    jQuery排名文字无缝循环向上滚动代码

    **jQuery排名文字无缝循环向上滚动代码详解** 在网页设计中,动态效果往往能吸引用户的注意力,提高用户体验。jQuery作为一款强大的JavaScript库,提供了丰富的功能来实现各种动态效果,其中包括文字无缝循环滚动。...

Global site tag (gtag.js) - Google Analytics