`
akunamotata
  • 浏览: 378739 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

js显示隐藏模块

    博客分类:
  • js
阅读更多
function showhidediv(id){
  try{
    var sbtitle=document.getElementById(id);
    if(sbtitle){
if(sbtitle.style.display=='block'){
sbtitle.style.display='none';
}else{
sbtitle.style.display='block';
}
    }
  }catch(e){}
}

 

<div onclick='showhidediv("toggle");'>最新日志</div>
<div id="toggle" style="display:none;">
最新日志内容
</div>

   效果就是点击“标题”,下面需要隐藏的部分就会在隐藏和显示间切换。DISPLAY: none;为默认隐藏;如果想默认显示就改为DISPLAY: block;;修改后要对应改js里的block和none,把它们互换。

效果演示:http://yyld.net/z7z8/ss.html

 

分享到:
评论

相关推荐

    JS +CSS+DIV 拖攥 模块显示隐藏 换肤

    4. **topic.js, danai.js, move.js, alitalk.js**:这些可能是实现拖拽、模块显示隐藏、以及其他特定功能的JavaScript文件。 5. **json2.js**:可能用于JSON对象的处理,特别是在老版本的浏览器中,因为原生不支持...

    vue实现动画,点击实现隐藏显示

    在Vue.js中实现动画以及点击事件来控制元素的隐藏与显示是前端开发中常见的需求。Vue.js是一个轻量级的JavaScript框架,它提供了强大的数据绑定和组件化功能,同时也内置了方便的过渡效果系统,使得在DOM操作时可以...

    js实现input密码显示隐藏

    - 如`hideShowPassword.js`和`hideShowPassword.min.js`可能是封装了上述功能的模块,它们可能包含更复杂的功能,如动画效果、自定义配置等。 - `bower.json`是Bower包管理器的配置文件,可能用于管理前端依赖,如...

    google自定义拖动显示模块效果

    除了使用jQuery提供的便捷API外,我们还需要用到原生的JavaScript来处理更复杂的逻辑,如计算鼠标或手指的移动距离,判断是否达到显示或隐藏模块的阈值,以及在拖动过程中更新模块的CSS属性。这涉及到DOM操作、事件...

    js文字超出规定长度隐藏,点击展开和收缩

    可以随便添加该功能模块的数量和规定显示的字数

    倒计时的头部全屏广告显示隐藏代码

    "倒计时的头部全屏广告显示隐藏代码"是一个具体的实现案例,通常涉及到JavaScript、CSS以及HTML等前端技术。下面我们将详细探讨这个主题中的相关知识点。 1. **JavaScript倒计时**: 倒计时功能通常通过JavaScript...

    漂亮的可以自动显示_隐藏的导航菜单.rar

    本资源"漂亮的可以自动显示_隐藏的导航菜单.rar"聚焦于一个关键的网页开发技术——JavaScript(JS)特效,特别是针对菜单导航的设计。通过这个压缩包,我们可以学习如何创建一个既美观又能自动显示和隐藏的导航菜单...

    js左侧隐藏菜单带有二级子菜单

    在这个项目中,JavaScript 被用来控制菜单的显示与隐藏,以及处理子菜单的展开和收起。 2. **事件处理**: 为了实现隐藏菜单的功能,JavaScript 会监听用户的交互事件,如点击、鼠标悬停等。当用户触发特定事件时...

    Angular实现点击按钮控制隐藏和显示功能示例

    在控制器中定义了两个布尔类型的属性`$scope.show`和`$scope.hide`,它们分别控制两个`&lt;div&gt;`元素的显示和隐藏状态。`ng-show`是一个AngularJS的指令,用来根据条件的真假来显示或隐藏HTML元素。例如,`...

    JavaScript漂亮的可以自动显示隐藏的导航菜单demo

    在这个"JavaScript漂亮的可以自动显示隐藏的导航菜单demo"中,我们可以探讨几个关键的JavaScript知识点: 1. **DOM操作**:文档对象模型(DOM)是HTML和XML文档的编程接口。在JavaScript中,我们可以通过DOM来操作...

    javascript实现的百度百科目录显示隐藏效果,可隐藏或下拉延展菜单

    在JavaScript的世界里,实现类似百度百科目录的显示隐藏效果是一项常见的任务,这涉及到网页的交互性和用户体验优化。本文将深入探讨如何使用JavaScript实现这一功能,同时也会提及与这个项目相关的编程概念和技术。...

    input输入款点击小眼睛显示或隐藏密码

    `type="password"`属性确保在浏览器中默认显示为星号或圆点,隐藏实际输入的字符。 ```html 请输入密码"&gt; ``` 接下来,我们创建一个小眼睛图标,作为显示/隐藏密码的触发器。这可以是一个`&lt;button&gt;`元素,或者利用...

    jQuery实现左侧导航模块的显示与隐藏效果

    本文将详细介绍如何使用jQuery库来实现左侧导航模块的显示与隐藏效果,并涉及相关的鼠标事件处理以及动态操作页面元素样式的技巧。 首先,我们得了解jQuery是什么。jQuery是一个快速、小巧、功能丰富的JavaScript库...

    js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法

    本文将介绍如何使用JavaScript来判断radiobuttonlist(单选按钮列表)的选中值,并据此来显示或隐藏其他模块。在*** Web Forms应用中,通常会使用服务器端控件,如`RadioButtonList`,在前端页面上实现单选按钮的...

    JS实现点击链接切换显示隐藏内容的方法

    总结一下,本篇内容主要讲解了如何使用JavaScript结合HTML和CSS实现点击链接切换显示隐藏内容的技巧,涉及到的关键点包括:事件监听、DOM操作、元素属性动态变换等。了解并掌握这些基本概念和技巧,对于提升网页交互...

    thinkphp5 js中显示php变量.docx

    ### ThinkPHP5 在 JS 中显示 PHP 变量 在 Web 开发中,前后端交互是非常常见的一种需求。本文将详细探讨如何在 ThinkPHP5 框架中将 PHP 变量传递给 JavaScript,并且解决在实际开发过程中可能遇到的一些问题。 ###...

    jquery插件库-jquery显示隐藏密码插件.zip

    8. **模块化和封装**:为了方便使用和维护,插件代码通常会遵循一定的结构,如AMD(异步模块定义)或CommonJS规范,确保代码的模块化和可复用性。 总的来说,"jquery插件库-jquery显示隐藏密码插件.zip"中的资源...

    显示加载用户界面的reactnative模块适用于iOS和Android

    同时,模块通常会提供易于使用的API,允许开发者在需要的时候显示和隐藏加载指示器。 在实际开发过程中,开发者可以将这个模块引入到项目中,通过npm或yarn安装,并在React组件中导入和使用。例如: ```javascript...

    ios-webView隐藏HTML网页的某些不需要的模块.zip

    这个zip文件“ios-webView隐藏HTML网页的某些不需要的模块”显然涉及到如何利用UIWebView来控制并定制HTML页面的显示,特别是隐藏不希望用户看到的部分。下面将详细讲解这一主题。 首先,UIWebView的工作原理是通过...

    jquery默认隐藏鼠标点击显示文字菜单导航代码.zip

    本资源“jquery默认隐藏鼠标点击显示文字菜单导航代码.zip”显然是一个包含jQuery实现的导航菜单示例代码,适用于网页设计和开发。 在网页设计中,菜单导航是至关重要的组成部分,它帮助用户在网站的不同页面之间...

Global site tag (gtag.js) - Google Analytics