`
liu_bia
  • 浏览: 109143 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论
  • ztbzg: 学习了,今天用上了,多谢lz 以前动态增加div 是直接拼字符 ...
    动态生成层

收起选项与更多选项

阅读更多

<script type="text/javascript">
     function allfenleis(){
    
         if(document.getElementById("fenlei").style.display=='')
       
  {
   
        document.getElementById("fenlei").style.display='none';
     document.getElementById("allfenlei").style.display='';
       document.getElementById("info").style.backgroundImage='url(<%=basePath%>kcxx/newimage/more_h.gif)';
       document.getElementById("info").innerHTML='收起选项';
      
  }else if(document.getElementById("fenlei").style.display=='none')
  {
     document.getElementById("fenlei").style.display='';
     document.getElementById("allfenlei").style.display='none';
    
      document.getElementById("info").style.backgroundImage='url(<%=basePath%>kcxx/newimage/morea.gif)';
       document.getElementById("info").innerHTML='更多选项';
  }
 
     }
</script>

  • 大小: 55.3 KB
分享到:
评论

相关推荐

    微信小程序 多行文本显示…+显示更多按钮和收起更多按钮功能

    看了很多帖子,但是效果都不是很好。还是找微信小程序官方文档,自己写比较方便。自己动手丰衣足食!话不多说,上代码! 时空传送 先来个效果图 html &lt;view class=textFour_box&gt;{{item.text}} &lt;view class...

    listView动态影藏显现列表项中的更多选项

    5. **数据更新**:当需要改变某个列表项的“更多选项”状态时,只需要更新对应的数据项,然后调用Adapter的`notifyDataSetChanged()`方法,ListView会自动刷新并应用新的状态。 关于提到的"LearnActionBarExample...

    JS模拟下拉选项框

    - **搜索过滤**:如果选项很多,可以添加搜索框,实时过滤选项。 - **动态加载**:如果选项是从服务器获取的,可以实现异步加载。 - **键盘导航**:添加键盘支持,使用户可以用上下键浏览选项,回车键选择。 ...

    高级查询的展开与收起

    "高级查询的展开与收起"这一主题关注的是如何在界面设计中优雅地呈现这些复杂的筛选选项,同时保持用户界面的整洁和易用性。 "展开"和"收起"的概念是用户体验设计中的关键元素,特别是在处理复杂数据或操作时。它们...

    unigui选项卡_手风琴两种模式_菜单可视

    2. **多选展开模式**:与单一展开模式相反,此模式允许用户同时看到和操作多个选项卡。每个选项卡都可保持打开状态,这样用户就可以方便地在多个任务之间切换,提高工作效率。这种模式适用于需要并行处理多个任务或...

    jQuery下拉选项卡横向导航代码.zip

    在本例中,选项卡是水平排列的,当鼠标悬停在某个主要选项上时,相关的下拉子菜单会横向滑出,展示更多的链接或子类别。这种设计节省了空间,使页面看起来更整洁,同时也提高了导航效率。 这个压缩包可能包含以下...

    Android-Android中可"折叠""打开"或者"全文""收起"的TextView

    这个库提供了更丰富的功能和自定义选项,如动画效果、折叠按钮等。 使用开源库`ExpandableTextView-master`,你可以直接在项目中引入依赖,并通过XML布局文件配置控件。例如: ```xml android:id="@+id/...

    展开收起消息内容,控制字数的显示收起

    "展开收起"通常应用于文章摘要、评论列表、菜单项、配置选项等场景,通过控制显示的字数,使得大量信息可以有组织地呈现。 标题“展开收起消息内容,控制字数的显示收起”提示我们,这个功能主要涉及如何动态地展示...

    Qml-收起展开面板

    这个文件会定义一个或多个`CollapsablePanel`组件,这些组件可以收起和展开,可能包含自定义的标题和内容。`main.qml`中可能会用到`AccordionElement.qml`,这是一个可复用的Qml组件,代表收起/展开面板中的一个元素...

    纯css3超酷tabs选项卡动画特效插件

    3. **上下滑动**:这种特效中,内容区会沿着垂直轴滑动,给人一种页面在垂直方向上展开或收起的感觉,适合于展示多段内容的情况。 4. **来回翻转**:这是一种更为复杂的效果,内容区域仿佛在3D空间中翻转,为用户...

    网页上可以收起、展开的垂直菜单.rar

    菜单的特色在于其收起和展开的功能,用户只需将鼠标悬停在相关菜单项上,对应的子菜单就会自动展开,展示更多的链接或内容。这种交互设计使得用户能够轻松探索网站的层级结构,而不需要一次性展示所有选项,减少了...

    jquery选项卡,大家收藏下

    当然,根据实际需求,你还可以添加更多的自定义功能,如过渡动画、自动轮播、触摸事件支持等。在实际项目中,可以结合现代前端框架(如React、Vue或Angular)和CSS预处理器(如Sass或Less)来进一步优化代码结构和可...

    手风琴导航 选项卡效果+动态html页面加载

    手风琴导航是一种类似于乐器手风琴的折叠式菜单,其特点是初始状态下只显示一级标题,当用户点击标题时,相应的二级或更多级内容会展开,而其他非选中的内容则保持收缩状态。这种设计能够有效地节省页面空间,尤其...

    JS-国外很不错的选项卡效果实现

    "Accordion"通常指的是可以展开和收起的内容区域,这种效果经常与选项卡一起使用,以提供更高效的界面空间管理。在这种情况下,可能涉及到递归地展开和关闭子项,或者根据需要调整内容区域的高度。 为了实现更复杂...

    【JavaScript源代码】React实现复杂搜索表单的展开收起功能.docx

    在这个场景中,我们的目标是创建一个可扩展的搜索表单,允许用户根据需要选择展示更多的查询选项。 首先,我们需要在`Search`组件中定义两个子组件,`renderSimpleForm`和`renderAdvancedForm`。`renderSimpleForm`...

    unigui选项卡手风琴_最终

    而手风琴则是一种折叠式布局,通常用于有限的空间内展示多个分类内容,用户可以展开或收起各个部分,以控制可见内容。 在Unigui中,后端完全由Script脚本支持,这意味着开发者可以通过编写脚本来控制选项卡和手风琴...

    文章的查看全部和收起

    综上所述,“文章的查看全部和收起”功能在现代网页和应用设计中占据重要地位,它结合了内容呈现、用户交互、视觉设计和性能优化等多个IT领域的知识。通过合理运用这些知识点,可以构建出更高效、友好的用户界面。

    unigui选项卡_手风琴分组

    选项卡控件在用户界面设计中非常常见,它允许用户在不同的视图或内容之间切换,而无需在多个窗口之间跳转。Unigui中的选项卡组件提供了一种组织和展示信息的有效方式,用户可以轻松地在不同选项卡之间导航,每个选项...

    展开与收起菜单栏android源代码

    在Android开发中,菜单栏是应用界面不可或缺的一部分,它通常包含了一系列可点击的选项,用于导航或执行特定操作。...在实际项目中,你可能还需要考虑更多细节,比如菜单项的选中状态、触摸反馈、菜单项的动态加载等。

    Bootstrap Accordion手风琴选项卡代码.zip

    -- 更多选项卡... --&gt; ``` 在这个结构中,`&lt;div class="accordion"&gt;` 是手风琴容器,每个`&lt;div class="accordion-item"&gt;` 代表一个可折叠的选项卡。`&lt;h2 class="accordion-header"&gt;` 包含按钮,点击后触发展开/...

Global site tag (gtag.js) - Google Analytics