1259988502
- 浏览: 91966 次
- 性别:
- 来自: 上海
-
文章分类
- 全部博客 (66)
- log4j (3)
- hibernate (6)
- oracle (7)
- axis (1)
- tomcat (9)
- web (10)
- JS (7)
- Java web (12)
- jsp (5)
- myeclipse (2)
- struts1 (1)
- java (11)
- jbmp4 (2)
- 连接池 spring (1)
- java JBPM6 (1)
- websewvice (3)
- java spring AOP (1)
- JS，ajax (1)
- activiti5 (2)
- Java web soapUi (2)
- jstl (1)
- applet (1)
- lintCode刷题开始 (0)
- LintCode刷题 (1)
- kindeditor (2)
最新评论
亲手试验过 经过删减 某些代码 很好用 很精简的代码 很好用
<!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=utf-8" />
<title>JS张开折叠效果</title>
<script type="text/javascript">
function showList(div_id)
{
var obj = document.getElementById(div_id + "_ljf");
var click_obj = document.getElementById(div_id);
var text = click_obj.innerHTML;
if(obj.style.display == "none")
{
obj.style.display = "block";
click_obj.innerHTML = text.replace("+","-");
}
else
{
obj.style.display = "none";
click_obj.innerHTML = text.replace("-","+");
}
}
</script>
</head>
<body>
<div>
<h1 class="tit">Help Center</h1>
<ul>
<li>
<h5><a id="pNode2" onClick="showList(this.id);">+ Payment</a></h5>
<span id="pNode2_ljf">Paypal Top Questions about Affiliate<br />Top Questions about Affiliate<br />Top Questions about Affiliate</span>
</li>
</ul>
</div>
</body>
</html>
感谢 http://blog.163.com/yong5123@126/blog/static/4551606220104215355596/
<!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=utf-8" />
<title>JS张开折叠效果</title>
<script type="text/javascript">
function showList(div_id)
{
var obj = document.getElementById(div_id + "_ljf");
var click_obj = document.getElementById(div_id);
var text = click_obj.innerHTML;
if(obj.style.display == "none")
{
obj.style.display = "block";
click_obj.innerHTML = text.replace("+","-");
}
else
{
obj.style.display = "none";
click_obj.innerHTML = text.replace("-","+");
}
}
</script>
</head>
<body>
<div>
<h1 class="tit">Help Center</h1>
<ul>
<li>
<h5><a id="pNode2" onClick="showList(this.id);">+ Payment</a></h5>
<span id="pNode2_ljf">Paypal Top Questions about Affiliate<br />Top Questions about Affiliate<br />Top Questions about Affiliate</span>
</li>
</ul>
</div>
</body>
</html>
感谢 http://blog.163.com/yong5123@126/blog/static/4551606220104215355596/
分享到：
发表评论
-
java程序中没有错，但是项目上面显示一个红叉的解决办法
2017-11-27 09:51 3106java程序中没有错，但是项目上面显示一个红叉的解决办法 ... -
setCharacterEncoding未定义
2017-08-22 09:44 704setCharacterEncoding未定义 ... -
html，jsp页面上多个空格只显示一个空格
2017-02-28 14:48 4806维护系统发现一个用户报上来问题，发现是由于jsp页面上本来存 ... -
Tomcat配置文件catalina.policy 相关
2016-06-06 19:50 2117近日维护的老旧系统出现一个bug， 正常的文件上传无法进行 ... -
window.opener.document.Form.*与window.opener.document.getElementById('formName')
2016-05-30 13:28 761近日在生产服务器端发现一个问题，本应该正常显示的页面报出j ... -
xml型字符串解析时存在& < >符号时的解决方案
2015-07-30 15:08 1324问题产生： 在接口调用得出一个xml型字符串 ... -
JS返回值把 数字型的字符串前面的0去掉了！！
2015-07-30 10:59 10587今天做web开发时遇到两个问题 最后发现其实是一个原因造成的。 ... -
SoapUI的简单应用
2015-07-01 14:55 782几个好用的学习链接 百度文库 使用soapUI对Web ... -
nosuchMethodError org.hibernate.lockmode
2015-06-09 08:28 686昨天复制项目jar整理后项目跑不起来，一直出现 nosuch ... -
java中读取配置文件的方法
2015-05-11 13:51 951一、使用org.apache.commons.configur ... -
JVM terminated. Exit code=-1
2015-04-07 11:13 827启动Eclipse时，启不起来JVM terminated. ... -
Java 中与时间有关的几个问题
2014-12-29 16:44 738Java 中与时间有关的几个问题 1. Date # 需 ... -
Java中的List按照元素的属性进行排序
2014-08-21 10:52 1112主要用到: Collections.sort()方法: 1 ... -
日期选择器JS相关代码
2014-04-03 14:31 551<html> <head> <t ... -
Clob2String代码
2014-04-03 14:30 623//oracle.sql.Clob类型转换成String类型 ... -
服务器端无法获取加号（“+”）
2013-12-23 16:34 1375一个jsp通过浏览器传递参数到另外一个JSP 其中有参数带 ... -
JS联动代码
2013-12-09 19:30 917<html> <head> < ... -
getOutputStream() has already been called for this response
2013-11-13 09:39 893getOutputStream() has already ... -
javaScript
2013-11-08 16:22 827用户需求，在JSP页面上弹出一个新窗口后，父页面自动置顶，现 ... -
JS获取下拉菜单选中的值
2013-08-22 14:37 814刚好用到了 备份一下 法1： var ddl = do ...
相关推荐
CSS+JS 实现 DIV 层的展开折叠效果 本文将详细介绍如何使用 CSS 和 JS 实现一个 DIV 层的展开折叠效果。这个效果可以在网页上实现一个折叠的样式，用户可以点击按钮来展开或折叠内容。 HTML 结构 首先，我们需要...
JavaScript+jQuery实现的文字展开折叠效果，点击文字后文字内容会完整的显示出来，控制段落来显示文字，不需要的时候，可以再次点击后将内容折叠起来，也就是隐藏了一部分内容。
在网页开发中，"内容块展开折叠组件"是一种常见的交互设计模式，用于优化用户界面，尤其是在展示大量信息时。这种组件允许用户根据需要隐藏或显示详细内容，提高页面的可读性和导航效率。本篇文章将深入探讨这个组件...
在本案例中，"js折叠菜单效果"指的是使用JavaScript实现的一种用户界面功能，允许菜单项在点击时展开或收起，以此节省空间并提高用户体验。 折叠菜单在网站导航中十分常见，尤其是在移动设备上，因为它们能够有效地...
根据给出的文件内容，我们将详细解析Vue实现展开折叠效果的示例代码中所蕴含的知识点。 首先，文档内容通过一个具体的HTML页面示例，展示了如何使用Vue实现文本内容的展开与折叠效果。这个效果通常用于显示文章摘要...
标题中的“jquery实现网页右侧可展开折叠的DIV特效”指的是使用JavaScript库jQuery来创建一种交互式的网页元素，这种元素通常位于页面的右侧，可以被用户展开或折叠。这个功能常见于在线客服系统，因为它允许不干扰...
p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; line-height: 24.0px;... 基于jQuery实现的多种模拟扑克牌切换动画效果 使用方法： 1、将index.html 中的CSS样式拷贝过去 2、将body中的代码部分拷贝过去即可
在"css3扑克牌展开折叠动画特效"中，主要涉及以下关键知识点： 1. **CSS3变换（Transforms）**：CSS3的`transform`属性可以用来改变元素的位置、大小、形状或方向。在扑克牌动画中，可能使用`rotate()`、`scale()`...
`js` 和 `css` 文件夹分别包含JavaScript脚本和样式表，其中的JavaScript可能处理折叠效果的逻辑，而CSS则定义了折叠效果的样式。 总之，这个CSS3折叠效果插件充分利用了现代浏览器支持的高级CSS特性，为网页带来了...
jQuery作为一个强大的JavaScript库，被广泛用于实现动态效果和交互功能，包括可展开折叠的侧边栏导航。在这个“网站侧边栏可展开折叠jQuery导航”主题中，我们将深入探讨如何利用jQuery实现这一功能。 首先，我们...
6. **样式调整**: 为了使展开和折叠的视觉效果更好，可能需要对CSS进行一些调整。可以使用`class`属性来添加自定义样式，或者直接修改`datatables`的默认样式。 7. **性能优化**: 如果数据量非常大，可能需要考虑...
例如，一个电子商务平台可能需要展示商品分类，其中每个大类下面又包含多个子类，TreeTable可以很好地呈现这种层次结构，用户可以通过展开或折叠行来查看或隐藏下级类别。 TreeTable的主要特性包括： 1. **层次...
首先，折叠效果的实现通常基于HTML、CSS和JavaScript。HTML用于结构化内容，CSS负责样式设计，而JavaScript则用来处理动态交互。在HTML中，我们可以创建一组包含在`<div>`或`<ul>`标签内的元素，通过添加特定的class...
展开折叠效果则意味着当用户点击某个一级菜单时，其对应的二级菜单会动态地显示或隐藏，节省了屏幕空间，同时增加了操作的便捷性。 1. **JavaScript基础**：此特效的实现离不开JavaScript，一种广泛用于网页动态...
**jQuery展开折叠时间轴代码详解** 在Web开发中，时间轴是一种有效的展示信息序列和事件流的方式。Tarek Anandan的timeliner.js是一个基于jQuery的插件，专门用于创建具有吸引力的竖直线性时间轴特效。这个插件不仅...
这个“js css折叠展开菜单简洁版”是一个实用的脚本实例，它允许用户通过鼠标单击主菜单项来展开或收起子菜单，这种效果也常常被称为下拉菜单。下面我们将详细探讨这个菜单实现的技术细节及其应用。 首先，...
在"08单元8设计折叠与展开网页内容的网页特效"中，你可能会找到这些不同折叠特效的示例代码和实现方法，通过学习和实践，你可以根据项目需求定制自己的折叠效果，提升网页的互动性和视觉吸引力。同时，理解这些特效...
本话题主要聚焦于如何利用Axure实现"随意折叠和展开"的效果，这类似于jQuery中的淡入淡出效果，能够增强用户界面的互动性和用户体验。 首先，我们需要理解“折叠和展开”这一概念。在网页或应用程序设计中，折叠和...
这里，我们可以利用jQuery库来简化JavaScript代码，因为jQuery提供了丰富的DOM操作和动画效果，使得实现折叠效果变得更加简单。 例如，一个基本的jQuery折叠效果可以通过以下代码实现： ```javascript $(document)...
折叠效果可以通过改变View的尺寸和位置来实现，这通常涉及到对触摸事件的监听和相应的动画处理。 `com.mycalendar.MainActivity`这个文件名表明我们有一个主活动，它可能是整个日历应用的入口点。在`MainActivity`...