H5之制作简单的手风琴

来源：互联网发布：备案未注册域名编辑：程序博客网时间：2024/05/13 14:41
用Html5制作一个简单的手风琴，代码如下
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{padding: 0;margin: 0;}.box{width: 450px;margin: 0 auto;}.box h2{width: 450px;height: 30px;background: skyblue;border-radius: 5px;}.menu p{height: 0;overflow: hidden;}.menu{margin-top: 20px;}.menu a{display: block;width: 450px;height: 30px;border-radius: 5px;}.menu a:hover,.menu :target a{background: deepskyblue;}.menu :target {height: 150px;overflow: auto;}</style><body><div class="box"><div class="menu"><!--每一组--><h2><a href="#one">one</a></h2><p id="one">人生就如一台戏，它需要每一个角色，黑的、白的、红的、绿的、完整的、残缺的等等，而且缺一不可。大自然有大自然的规律，剧情和舞台也有剧情和舞台的规则，学习着、分析着、吸取着、聪明着，变换着、适应着、快乐着，这才是我们演好每一个角色应持的基本态度。你不能改变天气，但你可以改变心情；你不能选择容貌，但你可以选择表情；你不能预支明天，但你必须用好今天！不要为缺陷耿耿于怀，还是集中精力拓展自己的优点吧 ！古语云：金无赤足，人无完人。如果一个人总是与自己的缺点过不去，那他的不幸福纯属咎由自取。把缺点隐藏在口袋里面，积极拓展自己的优点才是快乐之道。当你失败、困惑的时候就读一遍：①喜欢就该珍惜,珍惜就别放弃。②这一秒不放弃,下一秒就会有希望。③有一种缘,放手后成为风景,有一颗心,坚持中方现真诚。④当眼泪流尽的时候,留下的应该是坚强。⑤为你的难过而快乐的是敌人,为你的快乐而快乐的是朋友,为你的难过而难过的才是你的知己。</p></div><div class="menu"><!--每一组--><h2><a href="#two">two</a></h2><p id="two">人生就如一台戏，它需要每一个角色，黑的、白的、红的、绿的、完整的、残缺的等等，而且缺一不可。大自然有大自然的规律，剧情和舞台也有剧情和舞台的规则，学习着、分析着、吸取着、聪明着，变换着、适应着、快乐着，这才是我们演好每一个角色应持的基本态度。你不能改变天气，但你可以改变心情；你不能选择容貌，但你可以选择表情；你不能预支明天，但你必须用好今天！不要为缺陷耿耿于怀，还是集中精力拓展自己的优点吧 ！古语云：金无赤足，人无完人。如果一个人总是与自己的缺点过不去，那他的不幸福纯属咎由自取。把缺点隐藏在口袋里面，积极拓展自己的优点才是快乐之道。当你失败、困惑的时候就读一遍：①喜欢就该珍惜,珍惜就别放弃。②这一秒不放弃,下一秒就会有希望。③有一种缘,放手后成为风景,有一颗心,坚持中方现真诚。④当眼泪流尽的时候,留下的应该是坚强。⑤为你的难过而快乐的是敌人,为你的快乐而快乐的是朋友,为你的难过而难过的才是你的知己。</p></div><div class="menu"><!--每一组--><h2><a href="#three">three</a></h2><p id="three">人生就如一台戏，它需要每一个角色，黑的、白的、红的、绿的、完整的、残缺的等等，而且缺一不可。大自然有大自然的规律，剧情和舞台也有剧情和舞台的规则，学习着、分析着、吸取着、聪明着，变换着、适应着、快乐着，这才是我们演好每一个角色应持的基本态度。你不能改变天气，但你可以改变心情；你不能选择容貌，但你可以选择表情；你不能预支明天，但你必须用好今天！不要为缺陷耿耿于怀，还是集中精力拓展自己的优点吧 ！古语云：金无赤足，人无完人。如果一个人总是与自己的缺点过不去，那他的不幸福纯属咎由自取。把缺点隐藏在口袋里面，积极拓展自己的优点才是快乐之道。当你失败、困惑的时候就读一遍：①喜欢就该珍惜,珍惜就别放弃。②这一秒不放弃,下一秒就会有希望。③有一种缘,放手后成为风景,有一颗心,坚持中方现真诚。④当眼泪流尽的时候,留下的应该是坚强。⑤为你的难过而快乐的是敌人,为你的快乐而快乐的是朋友,为你的难过而难过的才是你的知己。</p></div></div></body></html>
阅读全文
0 0