div展开和折叠 php,div慢慢展开与折叠_傅一一的博客-程序员宝宝

技术标签: div展开和折叠 php  

2

2011

* { margin:0; padding:0;}

body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}

h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#555;  padding:3px; display:block; color:#99CC00}

.class1 { width:40%; background:#CCCCCC; position:relative; margin:0 auto; padding:5px;}

span { position:absolute; right:10px; top:8px; cursor:pointer; color:yellow;}

p { text-align:left; line-height:20px; background:#555; padding:3px; margin-top:5px; color:#99CC00}

#class1content { height:256px;overflow:hidden}

-->

* { margin:0; padding:0;}

body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;}

h1 { font:125% Arial, Helvetica, sans-serif; text-align:left; font-weight:bolder; background:#555;  padding:3px; display:block; color:#99CC00}

.class1 { width:40%; background:#CCCCCC; position:relative; margin:0 auto; padding:5px;}

span { position:absolute; right:10px; top:8px; cursor:pointer; color:yellow;}

p { text-align:left; line-height:20px; background:#555; padding:3px; margin-top:5px; color:#99CC00}

#class1content { height:256px;overflow:hidden}

-->

展开/折叠效果

展开

jquery SimpleModal Ajax弹出对话框插件,拥有简洁风格的网页弹出层插件,风格设计比较简约大方,可弹出图片、弹出含有HTML代码的div对话框等,类似的效果已有很多,请根据自己的需要采用吧。。

时间: 2011-5-2 •

浏览: 2687 •

分类:

标签: 此文暂无标签

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_42317626/article/details/116281402

智能推荐

如何让你的游戏更有趣_小鬼编程的博客-程序员宝宝

作为游戏开发者,我们经常谈论建设游戏的技术方面。而我认为由必要在一个更深的层面上来讨论游戏的设计。今天,我想和大家谈谈如何让你的游戏变得有趣。这显然是一个众说纷纭的话题,并没有一个明确的答案。这没有公​​式可以遵循,也没有函数库供你调用。当我在研究这篇文章的时候,我曾问我的朋友他是怎么想的,他说:“这就像问一个喜剧演员如何搞笑”,他的潜台词,它更像是一门艺术而不是科学。考虑到“使事情变得有

微信小程序适配iphoneX,XR,12的底部安全区域(底部小黑条)_summer_my_sunshine的博客-程序员宝宝_小程序iphonex兼容底部

问题描述:在项目页面开发过程中,有些页面的按钮是需要固定在页面底部的(比如电商项目的确认订单页);如果直接设置bottom:0,那么在iphonex,xr,12等机型,就会出现下面左图的问题,按钮区域距离底部太近了,用户体验就会很差,按钮也不好点击。解决思路:为了适配所有的手机机型,我们需要获取到底部小黑条的高度,给固定在底部的view设置padding-bottom,增加高度;(有些手机默认是没有底部这个区域的,没有的话padding-bottom就设置为0)解决方法:1.首先,..

第三章 springmvc 视图及REST_Jason.Yang_Tom的博客-程序员宝宝

本章目标视图和视图解析器 进行重定向和转发 Spring表单标签 REST CRUD什么是视图解析器SpringMVC用于处理视图最重要的两个接口是ViewResolver和View。ViewResolver的主要作用是把一个逻辑上的视图名称解析为一个真正的视图,SpringMVC中用于把View对象呈现给客户端的是View对象本身,而ViewResolver只是把逻辑视图名称...

如何实时查看mysql当前连接数_classicbear的博客-程序员宝宝_查看mysql数据库连接数

如何实时查看mysql当前连接数? 1、查看当前所有连接的详细资料:./mysqladmin -uadmin -p -h10.140.1.1 processlist2、只查看当前连接数(Threads就是连接数.):./mysqladmin  -uadmin -p -h10.140.1.1 status、查看当前所有连接的详细资料:mysqladmin

std::string 类中find_first_not_of ()函数_liu44235的博客-程序员宝宝_find_first_not_of

使用string的empty()函数判断字符串是否为空,但不能判断是不是“_ ”(_ 表示空格)或者连续空格“___”;此时可以使用

让乔布斯告诉程序员:为什么技术思维不值钱?_萌眼牛牛 Lah的博客-程序员宝宝

之前,我看过《乔布斯传》这本书籍,然后最近这几天在读《成为乔布斯》这本书籍。说实话,《成为乔布斯》确实比《乔布斯传》这本书写好的,所以,对于大家如果喜欢乔布斯,或者想读乔布斯相关书籍的同学,可以读一读《成为乔布斯》这本书。在读《成为乔布斯》的时候,我看到这么一段话:家酿计算机俱乐部成员对他俩(乔布斯和沃兹)的作品反应平平。电脑之所以有趣,是因为用户可以设计、组装自己的机器,这也是为什么俱乐部的名字...

随便推点

JS+html--实现图片轮播_weixin_30418341的博客-程序员宝宝

大家肯定见过某些网站一个炫酷的页面,就是图片轮播,也就是我们常说的幻灯片播放。对于初学者来说,可能会有点头疼,没关系,小李在这给大家献上自己刚刚写好的关于图片轮播的代码。以下功能的实现用了jQuery,大家可以去网上找一下关于jQuery的资源下载使用。index.html 1 <!doctype html> 2 <html> 3 &l...

L版本在蓝牙设置界面关闭蓝牙再打开时,其他手机搜索不到该手机_最爱镜子的博客-程序员宝宝

[SOLUTION]L版本蓝牙设置部分有很大修改,L版本去除了蓝牙可见性设置,只有当手机处于蓝牙设置界面(BluetoothSetting)时才会打开可见性,才能被其他手机搜索到,当退出蓝牙设置界面时,将关闭可见性。但是,当一直停留在蓝牙设置界面关闭蓝牙,再打开时,即使此时还在蓝牙设置界面,对外也是不可见。这是Google的bug。如果希望当在蓝牙设置界面时,不管第几次打开蓝牙,蓝牙都能对外可见,修

WCF服务宿主及其跨域问题_dangercheng的博客-程序员宝宝_wcf 跨域

WCF服务不是一个能单独执行的程序,需要寄宿在相关的可执行程序上执行,常见的宿主方式有IIS, 控制台(Winform,wpf), Windows Service这几种方式,在使用Silverlight调用发布Wcf服务会发生跨域错误如图:什么是跨域呢? 一句话,同一个IP,同一个网络协议,同一个端口号,三者都同时满足就是同一个域,否则就是跨域访问,需要配置相应的跨域策略才能正常访问,所以

Android OpenGL ES学习笔记之绘制线、面_Dennis-Android的博客-程序员宝宝_android opengl 画线

前言之前一篇文章讲了如何绘制点,所谓两点成线,三点成面。一个立体图形就是由很多面组成,在OpenGL ES中,面特指一个三角形。绘制调用glDrawArrays(int mode, int first, int count)方法mode的参数可以选择 - GL_POINTS ————绘制独立的点 - GL_LINE_STRIP————绘制连续的线段,不封闭 - GL_LINE_LOOP————绘制连

Python抓取图片_hzp666的博客-程序员宝宝

本文系作者「无名小妖」的第二篇原创投稿文章,作者通过用爬虫示例来说明并发相关的多线程、多进程、协程之间的执行效率对比。如果你喜欢写博客,想投稿可微信我,有稿费酬劳。假设我们现在要在网上下载图片,一个简单的方法是用 requests+BeautifulSoup。注:本文所有例子都使用python3.5)单线程示例 1:get_photos.pyimport osimport timeimport u...

ARM家族大检阅_weixin_30349597的博客-程序员宝宝

首先列举下几个名称: 6410 2440 210 A8 ARM9 ARM11 ARMv7 ARMv6进行分类:1、芯片名称:2440 6410 2102、ARM核:A8 ARM9 ARM113、指令架构ARMv6 ARMv7--------------------------------------------------------------芯片,...