`
wolf_cyj
  • 浏览: 13019 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

展开/关闭部分页面的做法

 
阅读更多
<p align="left"><a href="javascript:showexpand('extendcontent')" >扩展内容</a></p>
<div class="collapsed" id="extendcontent" style="DISPLAY:   none"> <!--初始为不显示-->
</div>

函数为:
<script>
function showexpand(divid){
   var child = document.getElementById(divid);

   if (null != child){
   if(child.className == "expanded")
   {
   child.className = "collapsed";
child.style.display = "none";
   return;
   }
   if(child.className == "collapsed")
   {
   child.className = "expanded";
child.style.display = "";
   return;
   }
   }
}
</script>
           


分享到:
评论

相关推荐

    网页中文件夹展开关闭

    总结起来,实现“网页中文件夹展开关闭”效果的关键在于理解HTML布局、CSS样式控制以及JavaScript事件处理。通过合理组合这些技术,我们可以创建出具有互动性和层次感的文件夹展示,使用户能够轻松浏览和管理数据。...

    html5响应式排版点击页面三折页展开收缩显示特效

    这种效果模拟了纸质三折页打开和关闭的动作,用户点击时,页面内容会以类似三折页的方式动态展开或收缩,创造出引人入胜的视觉效果。实现这一特效通常涉及CSS3的过渡(Transitions)、动画(Animations)以及...

    可关闭与展开的对联广告代码.zip

    本文将深入探讨标题所提及的"可关闭与展开的对联广告代码",这是一种利用JavaScript实现的广告展示技术,旨在提供用户友好的广告体验。 对联广告,通常指的是在网页两侧或顶部、底部呈现的、形状类似对联的广告形式...

    mvc treeview 无刷新展开与关闭

    在ASP.NET MVC中,TreeView控件是一个常用的...为了提高用户体验,我们可以实现无刷新的展开和关闭节点功能,就像在给定的描述中所提及的那样。 首先,我们需要在HTML部分创建一个TreeView控件,如下所示: ```html ...

    Tips展开关闭问答代码.rar

    本资源"Tips展开关闭问答代码.rar"似乎包含了一个用于实现问答式菜单导航的JS特效代码。这样的功能常见于在线教育平台、论坛或知识分享网站,用户可以通过点击问题来展开或关闭对应的答案,提高用户体验。 首先,...

    jQuery+CSS3手风琴展开导航菜单代码

    关键部分可能包括手风琴菜单的初始隐藏状态、鼠标悬停时的变换效果以及展开/关闭的动画效果。例如,CSS3的`transition`属性可以用来设置过渡效果,`display`属性用于控制元素的可见性。 2. **index.html**:这是...

    页面刷新时保持不变的导航菜单

    然而,在涉及到动态交互或者页面刷新的场景时,导航菜单的状态通常会重置,比如关闭的子菜单会重新展开,这可能会打断用户的浏览体验。为了解决这个问题,我们可以利用JavaScript来实现页面刷新后菜单保持原来展开的...

    基于jq ui 可折叠展开框架页

    在描述中提到的"可折叠展开",可能是通过toggle方法实现的,这样用户可以自由控制某些部分的显示和隐藏,增加了页面的动态性和个性化。 为了兼容不同的浏览器,此项目声明了对IE 7+,Firefox 4+以及Chrome 14+的...

    网页左侧可点击展开关闭的广告代码

    网页左侧的可点击展开关闭的广告代码是一种常见的网页设计元素,尤其在电子商务网站、资讯门户以及各类服务类网站中广泛运用。这种设计旨在提供一种非侵入式的用户体验,让用户能够根据需要选择显示或隐藏广告内容,...

    网页底部可展开关闭的左右全屏滚动图

    网页底部可展开关闭的左右全屏滚动图是一种常见的网页交互设计,它通常用于展示一系列图片或内容,用户可以通过点击按钮实现左右滑动查看。这种设计能够有效地利用网页空间,为用户提供更加直观和舒适的浏览体验。在...

    网站右下角悬浮视窗可关闭广告代码,可收缩、展开,关闭,内容区可自定义html

    在网页设计中,为了提升用户体验和提供个性化的广告或服务信息,经常会在页面的特定位置,如右下角,设置悬浮视窗。标题所提到的"网站右下角悬浮视窗可关闭广告代码",是一种实现此类功能的技术方案,允许用户在需要...

    js和CSS3点击展开页面动画特效

    同时,jQuery的动画方法如`.slideToggle()`可以轻松实现内容的滑动展开和关闭,这正是这个特效的核心部分。 在提供的压缩包中,我们有以下文件: 1. **index.html**:这是主页面文件,包含了HTML结构以及对...

    拉幕式页面控件

    CSS则用来定义拉幕效果,比如使用过渡动画实现平滑的展开和关闭。 例如,HTML可能会有一个隐藏的div,用于存放子页面: ```html ;"&gt;&lt;/div&gt; ``` JavaScript中可能有这样的函数来加载并展示子页面: ```javascript ...

    手风琴效果-列表内容逐渐展开与收缩,展开速度可调

    同时,通过`siblings`方法找到同级的标题元素,关闭已经展开的内容,从而保持手风琴效果的一次只展开一个的特性。 总的来说,手风琴效果利用了JQuery提供的便利功能,结合HTML和CSS,为用户提供了一种优雅的方式来...

    jquery菜单展开插件(jqueryaccordion)

    这个插件是基于流行的JavaScript库jQuery构建的,其主要功能是将多个段落或标题内容折叠在一个紧凑的空间内,用户可以通过点击标题来展开或关闭相应的内容区域。 **jQuery基础知识** 在深入理解jQuery Accordion...

    展 开 关 闭 特 效

    在IT行业中,"展开关闭特效"通常指的是网页或应用程序中的一种交互设计,允许用户通过点击某个元素(如按钮、图标或链接)来显示或隐藏相关内容。这种特效在用户体验设计中非常常见,因为它提供了简洁且直观的界面...

    javascript页面特效

    此外,AJAX(异步JavaScript和XML)技术允许页面在不刷新的情况下与服务器交换数据并更新部分内容,实现了如无限滚动、实时聊天等动态加载效果。Fetch API是AJAX的现代替代品,提供了更优雅的语法和更好的错误处理...

    js特效脚本含源码和说明可展开关闭的框架

    2. 可展开关闭的框架:在Web界面设计中,可展开关闭的框架是一种常见的交互元素,允许用户通过点击某个触发点(如按钮、链接或图标)来显示或隐藏页面的一部分内容。这种框架通常用于实现下拉菜单、折叠侧边栏、内容...

    手机版旅游网站前端页面

    5. **AJAX**: AJAX(异步JavaScript和XML)技术使得网页可以在不刷新整个页面的情况下更新部分内容。在旅游网站中,这可能应用于搜索结果的实时加载或用户登录验证。 6. **Web字体和服务**: HTML5允许通过@font-...

    jQuery+CSS3垂直手风琴展开收缩菜单代码

    在网页设计中,导航菜单是不可或缺的一部分,它帮助用户高效地浏览网站内容。本篇将详细介绍如何利用jQuery和CSS3技术构建一个垂直的手风琴展开收缩菜单,尤其适用于用户个人中心的用户列表导航功能。 ### 1. 手...

Global site tag (gtag.js) - Google Analytics