`
xiuying
  • 浏览: 545047 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

层的滑动展开/折叠

    博客分类:
  • web
 
阅读更多
  <script type="text/javascript">
var act;
function over(s,nMax){
  var obj=document.getElementById(s);
  var h = parseInt(obj.offsetHeight);
  if (h < nMax){
obj.style.height = (h + 2)+"px";
clearTimeout(act);
act = setTimeout("over('"+s+"',"+nMax+")", 10);
  }
}
function out(s,nMin){
  var obj=document.getElementById(s);
  var h = parseInt(obj.offsetHeight);
  if (h > nMin){
obj.style.height = (h - 2)+"px";
clearTimeout(act);
act = setTimeout("out('"+s+"',"+nMin+")", 10);
  }
}
</script>
<div id="mytd" onmouseover="over('mytd',200);" onmouseout="out('mytd',30);" style="background:#eee;">层的滑动展开/折叠</div>
分享到:
评论

相关推荐

    jquery+css3左右摇摆可滑动展开折叠导航菜单

    "jQuery+CSS3左右摇摆可滑动展开折叠导航菜单"是一个利用这两种技术创建的交互式菜单,它提供了吸引用户的动态视觉效果。在这个项目中,我们将深入探讨如何使用jQuery和CSS3来构建这样的功能。 首先,jQuery是一个...

    JS滑动展开层.rar

    "JS滑动展开层"是前端开发中的一个常见功能,主要用于创建可扩展的、可折叠的内容区域,用户可以点击某个按钮或链接来显示或隐藏具体内容,提升用户体验。 滑动展开层通常涉及到以下几个关键知识点: 1. **DOM操作...

    SlideExpandableListView-master

    SlideExpandableListView的核心功能在于它继承了ListView并添加了滑动展开/折叠的特性。这种扩展性使得开发者能够在列表项中嵌入更多复杂的内容,例如嵌套的列表或者更丰富的视图组件,而不必在单个列表项之间频繁...

    基于Prototype的手风琴菜单,层的展开与折叠代码.zip

    在jQuery中,我们可以使用`$(selector).click(function)`来添加点击事件,`$(element).slideToggle()`来实现元素的滑动展开和折叠效果。尽管本资源的主题是基于Prototype,理解jQuery的相关知识也有助于扩展你的...

    jquery右侧边固定层导航菜单依次动画滑动显示菜单展开

    我们可以为每个菜单项设置初始高度为0,然后当用户点击时,使用animate()函数逐渐增加高度,从而产生滑动展开的效果。同样,点击关闭时,将高度逐渐减小至0,完成滑动收起。 为了实现“依次”展开的效果,我们需要...

    JSON无限折叠菜单特效.zip

    // 使用滑动动画展开/折叠子菜单 }); }); ``` 这里,`slideToggle()`函数是jQuery提供的一个方法,可以平滑地切换元素的可见性。当菜单项被点击时,与其关联的子菜单会根据当前状态进行展开或折叠。 此外,JSON...

    jquery 屏幕上方滑动层

    "jQuery 屏幕上方滑动层"是指利用jQuery技术实现的一种用户界面效果,通常用于创建在页面顶部显示的可滑动或可折叠的通知、菜单或者信息框。这种设计模式可以吸引用户的注意力,同时不干扰主要内容的浏览。 在描述...

    Android代码-一个带渐变层叠动画的左右滑动效果

    SwipeCardView是基于Diolor的Swipecards控件改进实现,SwipeCardView是一个优雅的刷脸控件,滑动刷脸伴随渐变层叠动画,带来前所未有的滑动刷脸体验。 thanks Diolor Swipecards Screenshot Relative Project ...

    js菜单 鼠标经过折叠/滑动菜单

    在JavaScript的世界里,创建动态和交互式的用户界面是常见的需求,而“js菜单 鼠标经过折叠/滑动菜单”就是这样的一个功能。这种菜单设计可以极大地提升网站的用户体验,因为它允许用户通过简单地将鼠标悬停在菜单项...

    DIV层的折叠与展开.rar

    `DIV`层的折叠与展开是网页动态效果的一种常见应用,常用于信息的隐藏与显示,提高用户体验,尤其是在处理大量数据或内容时。下面我们将详细探讨`DIV`层折叠与展开的实现方法、应用场景以及相关技术。 1. 折叠与...

    -SlideExpandableListView-master.zip

    1. 自动滑动展开/折叠:SlideExpandableListView允许用户通过向左或向右滑动子项来自动展开或折叠。滑动的距离和速度阈值可以通过设置参数进行调整,以适应不同应用场景的需求。 2. 动画效果:在展开和折叠过程中,...

    jQuery网页侧边滑动展开导航.zip

    《jQuery网页侧边滑动展开导航》 在现代网页设计中,导航菜单是不可或缺的一部分,它为用户提供了方便快捷的页面跳转途径。本资源"jQuery网页侧边滑动展开导航.zip"提供了一种实现方式,利用jQuery库来创建一个交互...

    本人收集的近50种伸缩滑动折叠菜单(js、css、div实现)

    在网页设计中,菜单是用户导航的关键元素,它帮助用户快速找到他们想要访问的页面或功能。...通过深入研究和实践,你可以掌握更多关于创建高效、美观且易用的伸缩滑动折叠菜单的知识,提升你的网页设计水平。

    Prototype 折叠、展开层效果.zip

    在前端开发中,"Prototype 折叠、展开层效果"是一种常见的交互设计,它用于提高用户体验,通过折叠和展开内容区域来控制显示的信息量。Prototype 是一个JavaScript库,它简化了DOM操作,提供了许多实用的功能,包括...

    点击折叠展开风琴效果css代码-jquery 折叠展开.rar

    在这个例子中,当用户点击`&lt;h3&gt;`标题时,对应的`&lt;div&gt;`内容会进行滑动展开或折叠,同时标题的`active`类会被添加或移除,以反映当前状态。此实现方式既保持了视觉上的吸引力,也提供了良好的用户体验。 通过这个...

    jQuery 展开层

    // 滑动展开,'slow'参数表示动画速度 } else { hiddenLayer.slideUp('slow'); // 滑动折叠 } } $('#toggleBtn').click(toggleLayer); // 绑定点击事件 }); ``` 上述代码中的`slideDown`和`slideUp`是jQuery...

    一个层慢慢增高展开,有种向下滑动的效果

    1. **层的滑动展开与折叠效果**:在Web页面中,实现层的滑动展开与折叠是一种常见的交互效果。这种效果能够使得用户界面更加友好,尤其是当需要显示或隐藏较多内容时,能够有效利用屏幕空间。这种效果通常通过...

    多层滑动弹出Accordion手风琴导航菜单效果(jQuery)

    4. **jQuery 动画**:在点击事件的处理函数中,使用`.slideToggle()`方法来实现内容区域的滑动展开和折叠。如果有多层结构,可以嵌套调用该方法,以处理子菜单的展开和折叠。 5. **阻止默认行为**:为了确保只有一...

    Android 自定义ListView和RecycleView实现多级树功能

    3. 展开/折叠逻辑:实现多级树的关键在于处理节点的展开和折叠。这通常通过改变数据模型的状态(添加/移除子节点)和通知Adapter更新视图来实现。对于RecyclerView,可以使用`notifyItemRangeInserted()`、`...

Global site tag (gtag.js) - Google Analytics