简单易用的点击展开伸缩效果

<SCRIPT>
function openP(_id)
    {
       var select_id = parseInt(_id.replace("box",""));
       for (i=1;i<=4;i++)
       {
          if (i==select_id)
          {
              document.getElementById("box"+i).style.display = "block";
          }
          else
          {
             document.getElementById("box"+i).style.display = "none";
          }
       }
    }
</SCRIPT>
 1 <a href="###" onmouseover="openP(‘box1‘)">1、点击展开1</a>
 2 <p id="box1">
 3    这里面放的是box1的内容.
 4 </p>
 5 <p><a href="###" onmouseover="openP(‘box2‘)">2、点击展开2</a></p>
 6 <p id="box2" style="display:none">
 7    这里面放的是box2的内容.
 8 </p>
 9 <a href="###" onmouseover="openP(‘box3‘)">3、点击展开3</a>
10 <p id="box3" style="display:none">
11    这里面放的是box3的内容.
12 </p>
13 <p><a href="###" onmouseover="openP(‘box4‘)">4、点击展开4</a></p>
14 <p id="box4" style="display:none">
15    这里面放的是box4的内容.
16 </p>
17 <br />
18 <p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的网页代码下载网站 - 致力为中国站长提供有质量的网页代码!</p>
时间: 2024-10-13 08:45:22

简单易用的点击展开伸缩效果的相关文章

TableView的点击展开动画效果

效果 注:真机效果非常不错的哦 说明 1. 判断展开与否的逻辑由数据源Model处理 2. UITableViewHeaderFooterView的用法跟普通的cell用法一致 3. 以下的写法是应该单独封装成类的,因为是写demo,所以没有处理 源码 https://github.com/YouXianMing/HeaderViewTapAnimation // // ViewController.m // HeaderViewTapAnimation // // Created by You

jQuery实现的表格展开伸缩效果实例

<table> <thead> <tr> <th>姓名</th> <th>性别</th> <th>暂住地</th> </tr> </thead> <tbody> <tr class="parent" id="row_01"> <td colspan="3">前台设计组</td

iOS简单易用的标签列表界面

iOS简单易用的标签列表界面 Demo效果: Demo演示: 1.使用cocoapods引入YZTagListView,或者直接拖入YZTagListView文件夹到项目中 2.导入YZTagListView.h头文件 1 #import "YZTagList.h" 3.创建YZTagListView控件 1 2 3   YZTagList *tagList = [[YZTagList alloc] init];   tagList.backgroundColor = [UIColor

listview嵌套gridview,并实现grid元素部分显示以及点击展开与折叠

原文链接:http://blog.csdn.net/duguju/article/details/49538341 有时我们需要用GridView显示目录列表,有时甚至是二级的,即listview每一个item里面又各自嵌入一个gridview,但是当二级目录(数据条目)的数量过多时,界面会比较臃肿,这时我们就想要有类似展开与折叠的效果,作者采用的策略是数据分段的分别显示,其中对于显示边界(处于限制显示数目的特定位置)的控件要有数据的动态更新和点击判断操作.效果如图: 具体实现: 一.Activ

OkHttpUtils-2.0.0 升级后改名 OkGo,全新完美支持 RxJava,比 Retrofit 更简单易用。

okhttp-OkGo 项目地址:jeasonlzy/okhttp-OkGo 简介:OkHttpUtils-2.0.0 升级后改名 OkGo,全新完美支持 RxJava,比 Retrofit 更简单易用.该库是封装了 okhttp 的网络框架,支持大文件上传下载,上传进度回调,下载进度回调,表单上传(多文件和多参数一起上传),链式调用,可以自定义返回对象,支持 Https 和自签名证书,支持 cookie 的持久化和自动管理,支持四种缓存模式缓存网络数据,支持 301 和 302 重定向,扩展了

设计与开发一款简单易用的Web报表工具(支持常用关系数据及hadoop、hbase等)

EasyReport是一个简单易用的Web报表工具(支持Hadoop,HBase及各种关系型数据库),它的主要功能是把SQL语句查询出的行列结构转换成HTML表格(Table),并支持表格的跨行(RowSpan)与跨列(ColSpan).同时它还支持报表Excel导出.图表显示及固定表头与左边列的功能.总体架构如下图所示: 目录 开发环境(Development Environment) 安装与部署(Installation & Deployment) 从源代码安装(From Source Co

android listview item点击展开

最近做项目真是头疼呢?之前想用ListViewAnnotation来着,就是可以实现类似于android 通知栏滑动删除的效果.好像是一位大牛自己一个人写的吧.我在这里首先向他致敬.不过,话说回来,实现原理也是比较易于理解的,就是检测你的滑动距离以及速度,再作出判断,进行操作.具体大家参考下Google keep的两种列表模式下滑动删除的操作就理解类. 非常不幸的事,我再布局中用了fragment和biewpager,所以产生了手势冲突,我为此改写了library里的手势操作检测方法,最后勉强改

简单易操作的去水印工具有什么

水印我们都再熟悉不过的了,因为在网上能看到的图片和视频一般都会有水印的存在,如果想要当做自己的素材使用的话,就需要将这些水印去掉,那简单易操作的去水印工具请添加链接描述有什么呢? 1.一些有视频编辑基础的人肯定是没有这样的烦恼的,对于没什么基础的人的话,就是希望用简单的方法和工具能处理就最好了,今天要说的就是一个简单的电脑去水印工具,操作特别的简单:2.打开可以看到,是图片去水印的功能,我们要去视频的水印的话,就是要点击视频去水印就可以了:3.接下来导入要去水印的视频文件,点击页面下方的添加视频

手撸一个SpringBoot的Starter,简单易上手

前言:今天介绍一SpringBoot的Starter,并手写一个自己的Starter,在SpringBoot项目中,有各种的Starter提供给开发者使用,Starter则提供各种API,这样使开发SpringBoot项目变得简单.实际上Starter简单来说就是Spring+SpringMVC开发的.话不多说开始撸代码 1.创建项目 首先在idea中创建SpringBoot项目,并首先创建一个BeautyProperties类,代码代码如下: package com.mystarter; im