itoracja
- 浏览: 142778 次
- 性别:
- 来自: 广州
-
文章分类
- 全部博客 (172)
- java (172)
- c# winform 关于窗体最大化时的是否全屏效果与是否遮盖任务栏 (1)
- c# winform 只运行一个程序实例 (1)
- Shiro权限框架 (1)
- Java字节码（.class文件）的代码解析 (1)
- Hibernate、Spring和Struts工作原理及使用理由 (1)
- 基本PKG处理命令 (1)
- 最近写的代码的小结 (1)
- Dual Palindromes (1)
- 编译TortoiseSVN1.7源代码笔记 (1)
- Android项目代码混淆 (1)
- 关于就业叨咕几句 (1)
- Java重定向System.out和System.err (1)
- IHS与WAS集成插件静默安装 (1)
- 专题地图概述 (1)
- 关于MapXtreme2004附带Sample不能运行的问题 (1)
- SQL注入漏洞 (1)
- 回顾过去 展望未来（写给自己） (1)
- DB2认证考试经验谈（700&&701） (1)
- 今天用到了RM格式文件的分割工具RealProducer (1)
- 搜索引擎还是很有发展前途的 (1)
- 泰利德破解，实现学校机房免费上网 (1)
- Arduino 引言：移动互联外设传感展望 (1)
- c/c++ static 用法总结（三版本合一） (1)
- JQuery与xml的组合谈 (1)
- Android开发之消息处理机制（一）——Handler (1)
- Android开发之PopupWindow (1)
- 解析BitmapData.getPixel32()返回值因何不准确 (1)
- 关于Ext引用js的顺序问题 (1)
- Js事件大全 (1)
- 使用JavaFX2.0编写国际象棋游戏 (1)
- Hibernate/JPA常见异常分析与解决 (1)
最新评论
-
amcucn：
这排版看得
Shiro权限框架 -
WAMING5：
这也太紧凑了，眼看花了
Shiro权限框架 -
longzhun：
大虾 ，看得出你很懒啊！发个贴 这样子怎么看!！!
Shiro权限框架 -
swanky_yao：
活干的不细！！
Spring+Hibernate框架下Mysql读写分离、主从数据库配 -
饶首建：
不错，不过用处比较少吧
批处理设ip和dns
<html><br><head><br><title>css+js实现一个div层的展开/折叠效果丨芯晴网页特效丨csrcode.cn</title><br><style><br>* { margin:0; padding:0;}<br>body { text-align:center; font:75% verdana, arial, helvetica, sans-serif;}<br>h1 { font:125% arial, helvetica, sans-serif; text-align:left; font-weight:bolder; background:#555; padding:3px; display:block; color:#99cc00}<br>.class1 { width:40%; background:#cccccc; position:relative; margin:0 auto; padding:5px;}<br>span { position:absolute; right:10px; top:8px; cursor:pointer; color:yellow;}<br>p { text-align:left; line-height:20px; background:#555; padding:3px; margin-top:5px; color:#99cc00}<br>#class1content { height:256px;overflow:hidden}<br></style><br><script><br>function $(element){<br>return element = document.getelementbyid(element);<br>}<br>function $d(){<br>var d=$('class1content');<br>var h=d.offsetheight;<br>var maxh=300;<br>function dmove(){<br>h+=50; //层展开速度<br>if(h>=maxh){<br>d.style.height='300px';<br>clearinterval(iintervalid);<br>}else{<br>d.style.display='block';<br>d.style.height=h+'px';<br>}<br>}<br>iintervalid=setinterval(dmove,2);<br>}<br>function $d2(){<br>var d=$('class1content');<br>var h=d.offsetheight;<br>var maxh=300;<br>function dmove(){<br>h-=50;//层收缩速度<br>if(h<=0){<br>d.style.display='none';<br>clearinterval(iintervalid);<br>}else{<br>d.style.height=h+'px';<br>}<br>}<br>iintervalid=setinterval(dmove,2);<br>}<br>function $use(){<br>var d=$('class1content');<br>var sb=$('statebut');<br>if(d.style.display=='none'){<br>$d();<br>sb.innerhtml='收缩';<br>}else{<br>$d2();<br>sb.innerhtml='展开';<br>}<br>}<br></script><br></head><br><body><br><div class="class1"><br><h1>展开/折叠效果 - 芯晴网页特效</h1><br><span id="statebut" onclick="$use()">收缩</span><br><p id="class1content">当然你也可以把下面一段代码去掉，只留这一行。<br><p align="center">本特效由 <a href="http://www.csrcode.cn">芯晴网页特效</a>丨csrcode.cn 收集于互联网，只为兴趣与学习交流，不作商业用途。</p><br></p><br></div><br></body><br>文章由 芯晴网页特效|csrcode.cn 收集(www.csrcode.cn) 详文参考：http://www.csrcode.cn/html/txdm/tcys/1317.htm
0
顶
顶
0
踩
踩
分享到：
发表评论
-
Hibernate/JPA常见异常分析与解决
2012-02-07 17:24 15141. ClassNotFoundException: ... -
使用JavaFX2.0编写国际象棋游戏
2012-02-07 16:24 1093前面发布了不少Javafx2的教程，不觉手痒，想尝试一 ... -
Js事件大全
2012-02-04 15:34 788一般事件 事件 ... -
关于Ext引用js的顺序问题
2012-02-02 15:49 768今天自己搞了个ext的helloworld,所需的包都 ... -
解析BitmapData.getPixel32()返回值因何不准确
2012-02-02 12:29 1004<div style="widt ... -
Android开发之PopupWindow
2012-01-31 13:48 1684<h1>Android开发之PopupWi ... -
Android开发之消息处理机制（一）——Handler
2012-01-11 15:19 1171<h1>Android开发之消息处理机制（ ... -
JQuery与xml的组合谈
2011-12-21 17:18 804JQuery与xml的组合谈 今天谈的是XML,学ja ... -
c/c++ static 用法总结（三版本合一）
2011-12-21 10:34 819<span style="&qu ... -
Arduino 引言：移动互联外设传感展望
2011-12-20 14:08 1328作者：mznewfacer (Wolf Geek) ... -
泰利德破解，实现学校机房免费上网
2011-12-20 13:58 950泰利德破解，实现学校机房免费上网<br> ... -
搜索引擎还是很有发展前途的
2011-12-19 11:49 969相信大家已经听说，在头几天，搜狐推出了一个专业搜索门户 ... -
今天用到了RM格式文件的分割工具RealProducer
2011-12-19 09:19 713项目要加一些视频文件，这些视频都是几个老师对数据结构课 ... -
DB2认证考试经验谈（700&&701）
2011-12-16 17:17 1119很多人都通过了D ... -
回顾过去 展望未来（写给自己）
2011-12-15 16:19 1501本来想用“昨天今天明天”做标题来着，但是人家本山大叔说 ... -
SQL注入漏洞
2011-12-15 12:19 722CSDN上的ASP.NET电子杂志下载下来看，就看到了 ... -
关于MapXtreme2004附带Sample不能运行的问题
2011-12-15 10:54 689</span> -
专题地图概述
2011-12-14 12:49 854<p class="MsoNorma ... -
IHS与WAS集成插件静默安装
2011-12-14 12:04 968<span style="col ... -
Java重定向System.out和System.err
2011-12-13 14:49 1179<div>继承PrintStream类： ...
相关推荐
本文将详细介绍如何使用 CSS 和 JS 实现一个 DIV 层的展开折叠效果。这个效果可以在网页上实现一个折叠的样式，用户可以点击按钮来展开或折叠内容。 HTML 结构 首先，我们需要创建一个 HTML 结构来容纳我们的内容...
div+css+js实现菜单的收缩与展开
CSS+JS实现一个DIV层的展开/折叠效果</title> <style> * { margin:0; padding:0;} body { text-align:center; font:75% Verdana, Arial, Helvetica, sans-serif;} h1 { font:125% Arial, Helvetica, ...
6. **JavaScript交互**: 虽然主要标签是CSS和div，但源码可能也包含了JavaScript代码，用于实现动态效果和用户交互，比如导航菜单的展开折叠、图片轮播等。 7. **Web标准和最佳实践**: 学习这些源码时，可以观察...
"DIV+CSS+JS版可展开滚动客服特效"这个标题指的是一个基于网页技术实现的客服系统，该系统运用了HTML中的`<div>`元素、CSS（层叠样式表）以及JavaScript（一种客户端脚本语言）来创建一个可展开、可滚动的交互式客服...
本项目以“Div+Css+js树形菜单”为主题，利用HTML的Div元素、CSS样式和JavaScript脚本来实现一个功能完备、视觉效果良好的树形菜单。 首先，Div是HTML中的一个布局容器，用于组织和控制页面内容的布局。在树形菜单...
在网页设计中，"div+css+js树形导航"是一种常见的交互式菜单设计方法，它结合了HTML的结构、CSS的样式以及JavaScript的动态功能，以创建出可展开和折叠的层次化导航菜单。这种导航模式对于组织大量链接和子菜单的...
标题 "多功能电子相册翻书页效果特效HTML+css+js代码" 描述了一种用于网页设计的技术，这种技术能够实现模拟真实书籍翻页效果的动态电子相册。电子相册翻页特效使得用户在浏览网页上的照片集时，能够体验到如同翻阅...
标题中的“DIV+CSS+JS树形菜单”指的是在网页设计中使用HTML的`<div>`元素、CSS样式以及JavaScript脚本来实现一种交互式的树状菜单。这种菜单通常用于网站的导航，允许用户通过展开和折叠节点来浏览多级结构的内容。...
### CSS+DIV+JS侧栏实现详解 #### 一、概述 在网页设计与开发过程中，侧栏（Sidebar）是一种非常常见的布局元素，通常用于显示导航菜单或辅助信息。通过结合使用CSS、HTML (DIV) 和JavaScript技术，可以创建出功能...
DIV+CSS+JS二级树型菜单，展开后刷新无影响，可自定义颜色，大小等
在本资源中，作者使用 DIV、CSS 和 JS 实现了一个二级树型菜单。菜单可以展开多个栏目，刷新后不受影响。 2. 解决背景色和背景图片分开写的bug 作者原来写的代码中，#nav li的背景色和背景图片分开写了，造成背景...
3. ocscript.js：这是一个JavaScript文件，其中包含了实现导航菜单动态效果的代码。可能包括了事件监听器的设置、DOM操作（如添加、删除、修改元素）、以及动画效果的实现。 综上所述，这个项目涉及的知识点包括：...
每个节点可能是一个`<li>`元素，通过CSS样式控制其展开和折叠。子节点可以通过`<ul>`元素嵌套。 再来看看`dtree.css`，这是样式表文件，它的作用是使树状图看起来更美观。CSS可以设置树状图的布局、颜色、字体等...
标题中的“jquery实现网页右侧可展开折叠的DIV特效”指的是使用JavaScript库jQuery来创建一种交互式的网页元素，这种元素通常位于页面的右侧，可以被用户展开或折叠。这个功能常见于在线客服系统，因为它允许不干扰...
在这个"javascript 实现的一个层展开、层折叠插件及应用实例集"中，我们将会探讨如何使用JavaScript来实现页面元素（如div或ul列表）的展开与折叠功能，这对于构建可扩展的界面和优化用户体验至关重要。 首先，我们...
本案例中，我们探讨的是使用div和CSS技术来创建一个淡蓝色风格的折叠菜单。下面将详细介绍如何实现这样的效果。 首先，我们需要了解div元素。在HTML中，div是一个通用容器，用于组合其他HTML元素，它可以对内容进行...
今天我们将深入探讨如何利用JavaScript（简称JS）和CSS3技术实现一个可收缩展开的右侧边导航菜单。这份代码资源——"js+css3网页右侧边收缩展开导航菜单代码.zip"，提供了完整的实现方案，包括HTML结构、CSS样式和...
在网页设计领域，CSS（Cascading Style Sheets）与DIV布局是构建网页结构的重要技术，而JavaScript（JS）则是实现动态交互的关键。本主题聚焦于"经典导航"的设计，特别是利用CSS+DIV布局以及JS来创建高效、美观的...
4. 折叠菜单设计原则：一个好的折叠菜单应该简洁、直观且易于操作。考虑以下几点： - 易用性：菜单的结构应清晰，逻辑性强，让用户能快速理解。 - 响应性：菜单应适应各种屏幕尺寸，特别是在移动设备上。 - 动画...