`

显示与隐藏

JavaScript 
阅读更多

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
<style type="text/css">
p{ border:2px solid #aaa; width:200px; height:200px; background:#aaa}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("input").click(function(){
$("p").slideToggle();//toggle()也可以
})
})
</script>
</head>

<body>
<input type="button" value="显示/隐藏"/>
<p>aaaa</p>
</body>
</html>

分享到：
| toggle实现图片切换
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    地图标注的显示与隐藏

    在IT行业的地理信息系统（GIS）领域，地图标注的显示与隐藏是常见的需求之一，尤其是在二次开发环境下，如ArcEngine（AE）的项目中。地图标注，即Annotation，是指在地图上添加文字、符号或其他图形元素，用以描述或...

    密码显示与隐藏.html

    密码显示与隐藏.html

    Google Map Marker的显示与隐藏

    本教程将深入探讨如何在Google Maps中控制Marker的显示与隐藏，以实现更灵活的地图交互体验。 首先，我们需要了解Google Maps API的基础概念。Google Maps JavaScript API允许开发者在网页上嵌入交互式地图，并提供...

    vb实验3 图片的显示与隐藏

    在本篇内容中，我们将深入探讨Visual Basic（简称VB）中的一个重要实验——“图片的显示与隐藏”。这个实验不仅涵盖了VB编程的基础知识，如控件的使用和事件处理，还涉及了图片显示与隐藏的控制机制，对于初学者来说...

    通过按钮控制框架的显示与隐藏

    ### 通过按钮控制框架的显示与隐藏 在Web开发中，使用框架（Frames）是一种将一个浏览器窗口划分为多个部分的技术，并且每个部分都可以独立显示不同的HTML文档。这种方式在过去非常流行，尤其是在没有现代前端框架...

    VB使用API函数实现任务栏的显示与隐藏

    在本案例中，我们关注的是如何使用API函数来控制任务栏的显示与隐藏。任务栏是Windows操作系统中一个不可或缺的部分，通常位于屏幕底部，包含“开始”按钮、已打开应用程序的窗口以及通知中心等元素。 首先，我们...

    WinForm显示与隐藏任务栏和开始菜单按钮

    在Windows桌面应用程序开发中，有时会遇到需要控制用户界面（UI）特定元素显示与隐藏的需求。在C#的WinForm环境中，我们可以利用Windows API（应用程序接口）来实现对任务栏和开始菜单按钮的控制。本项目就是针对这...

    fragment的显示与隐藏

    3. **隐藏与显示Fragment**：如果Fragment已经添加到Activity，但需要暂时隐藏或显示，可以使用`hide()`和`show()`方法。 ```java transaction.hide(currentFragment); transaction.show(nextFragment); ``` ...

    react 通过小眼睛 控制密码显示与隐藏

    "react 通过小眼睛 控制密码显示与隐藏"这个功能是常见的一种设计，它允许用户切换密码的可见状态，增强用户体验。本篇文章将深入探讨如何在React应用中实现这一功能，并结合实际代码示例进行详细讲解。 首先，我们...

    微信小程序的数组添加、wx:for循环、删除、显示与隐藏，可以记录每一件事情

    这个教程将带你了解如何在微信小程序中处理数组，包括向数组添加元素、使用`wx:for`循环展示数据、删除数组中的元素以及控制元素的显示与隐藏。作为一名小程序的新手，掌握这些技巧将有助于你更高效地构建应用。 1....

    鼠标移动到文字上方显示悬浮菜单支持显示与隐藏

    鼠标移动到文字上方显示悬浮菜单支持显示与隐藏,当鼠标移动到文字上方，弹出悬浮菜单，鼠标移出文字或移出悬浮菜单，菜单隐藏

    VB API函数实现菜单的显示与隐藏

    通过使用API函数，开发者可以实现VB标准库中未包含的功能，例如本例中的菜单显示与隐藏效果。标题提到的“VB API函数实现菜单的显示与隐藏”主要涉及Windows API中的用户界面交互部分，尤其是菜单管理。 API函数...

    js实现div层的显示与隐藏

    使用js代码实现div层的显示与隐藏，主要是radio的属性。

    输入框内容显示与隐藏

    在特定场景下，为了保护用户的隐私或者提供更好的用户体验，我们可能需要控制输入框内容的显示与隐藏。例如，密码输入框就是最常见的应用场景，用户输入的字符通常会被替换为星号或圆点，以隐藏真实内容。下面我们将...

    DataGridView列的显示与隐藏的选择

    本篇文章将深入探讨如何实现`DataGridView`列的显示与隐藏功能，以便用户可以根据需要自定义查看数据的方式。 首先，我们需要了解`DataGridView`控件的基本结构。`DataGridView`由多行多列组成，每列都有一个特定的...

    WIN7显示与隐藏IE图标REG文件

    本文将深入讲解如何通过REG（注册表）文件来实现WIN7系统下IE图标的显示与隐藏。 一、注册表简介 注册表是Windows操作系统中的一个重要组成部分，它存储了系统和应用程序的配置信息。通过编辑注册表，用户可以调整...

    77.（leaflet篇）leaflet图层显示与隐藏.zip

    下载如有问题，可私信博主。下载前建议先查看博客内容，其地址为：https://blog.csdn.net/QQ98281642/article/details/123814322

    Scratch显示与隐藏(讲义).pdf

    在Scratch中，显示与隐藏是基本的动画控制功能，对于创建动态和交互性的故事、游戏或演示至关重要。本讲义将详细介绍如何在Scratch中实现角色的显示与隐藏，并通过实际操作来提升编程技巧。 【显示与隐藏的角色状态...

    Div显示与隐藏网页制作

    在"Div显示与隐藏网页制作"这个主题中，我们将探讨如何利用`Div`实现网页元素的动态显示和隐藏，这对于创建交互式和响应式的网页至关重要。 在网页设计中，有时我们需要根据用户的行为或者特定条件来控制某些内容的...

    JQ 内容的显示与隐藏

    本篇文章将详细讲解jQuery中内容的显示与隐藏，以及相关的实用技巧。 首先，jQuery提供了`.show()`, `.hide()`, 和 `.toggle()` 三个主要方法来控制元素的可见性。 1. `.show()`: 这个方法用于显示被选元素。如果...

Magicbox
Global site tag (gtag.js) - Google Analytics