- 浏览: 88321 次
- 性别:
- 来自: 上海
文章分类
- 全部博客 (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 3068java程序中没有错,但是项目上面显示一个红叉的解决办法 ... -
setCharacterEncoding未定义
2017-08-22 09:44 667setCharacterEncoding未定义 ... -
html,jsp页面上多个空格只显示一个空格
2017-02-28 14:48 4732维护系统发现一个用户报上来问题,发现是由于jsp页面上本来存 ... -
Tomcat配置文件catalina.policy 相关
2016-06-06 19:50 2036近日维护的老旧系统出现一个bug, 正常的文件上传无法进行 ... -
window.opener.document.Form.*与window.opener.document.getElementById('formName')
2016-05-30 13:28 721近日在生产服务器端发现一个问题,本应该正常显示的页面报出j ... -
xml型字符串解析时存在& < >符号时的解决方案
2015-07-30 15:08 1235问题产生: 在接口调用得出一个xml型字符串 ... -
JS返回值把 数字型的字符串前面的0去掉了!!
2015-07-30 10:59 10509今天做web开发时遇到两个问题 最后发现其实是一个原因造成的。 ... -
SoapUI的简单应用
2015-07-01 14:55 745几个好用的学习链接 百度文库 使用soapUI对Web ... -
nosuchMethodError org.hibernate.lockmode
2015-06-09 08:28 626昨天复制项目jar整理后项目跑不起来,一直出现 nosuch ... -
java中读取配置文件的方法
2015-05-11 13:51 909一、使用org.apache.commons.configur ... -
JVM terminated. Exit code=-1
2015-04-07 11:13 783启动Eclipse时,启不起来JVM terminated. ... -
Java 中与时间有关的几个问题
2014-12-29 16:44 699Java 中与时间有关的几个问题 1. Date # 需 ... -
Java中的List按照元素的属性进行排序
2014-08-21 10:52 1055主要用到: Collections.sort()方法: 1 ... -
日期选择器JS相关代码
2014-04-03 14:31 517<html> <head> <t ... -
Clob2String代码
2014-04-03 14:30 593//oracle.sql.Clob类型转换成String类型 ... -
服务器端无法获取加号(“+”)
2013-12-23 16:34 1286一个jsp通过浏览器传递参数到另外一个JSP 其中有参数带 ... -
JS联动代码
2013-12-09 19:30 884<html> <head> < ... -
getOutputStream() has already been called for this response
2013-11-13 09:39 854getOutputStream() has already ... -
javaScript
2013-11-08 16:22 790用户需求,在JSP页面上弹出一个新窗口后,父页面自动置顶,现 ... -
JS获取下拉菜单选中的值
2013-08-22 14:37 788刚好用到了 备份一下 法1: var ddl = do ...
相关推荐
CSS+JS实现一个DIV层的展开折叠效果,自己总结出来的,两天才解决的问题,分享出来,大家项目学习,交流。欢迎评论、指导
JavaScript+jQuery实现的文字展开折叠效果,点击文字后文字内容会完整的显示出来,控制段落来显示文字,不需要的时候,可以再次点击后将内容折叠起来,也就是隐藏了一部分内容。
本文实例讲述了js实现可折叠展开的手风琴菜单效果。分享给大家供大家参考。具体如下: 这是一款可折叠展开的菜单,手风琴菜单,运用CSS与JavaScript技术实现的合拢与伸展的网页菜单,代码简洁,来自老外的代码作品,...
jquery展开折叠面板特效,javascript
本文介绍了Vue 实现展开折叠效果的示例代码,分享给大家,具体如下: 效果如见: 1.html代码 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...
一款代码非常容易看懂的jquery广告特效,点击可以折叠...可调整JS中$('.main').css('left','-262px');变量,来改变窗口的位置,默认为500的速度,亦可根据实际需要调节,简单方便 注:此效果中的jquery样式不支持IE 6
js 实现菜单的展开收起,构建网站能有比较好的效果
效果描述: ... 默认下拉展示6秒后重新折叠,效果简洁好用 使用方法: 1、将head中的css样式引入到你的网页中 2、将body中的两个js引入到你的页面底部即可 (注意js、图片路径保持正确即可
可折叠的日历控件Calendar;
公司企业软件版本大事件时间轴记录带动画特效可折叠展开js效果代码下载。一款jQuery animate动画效果制作滑动收缩展开时间轴企业发展记录历程,通过设置每个年份为标题控制,记录列表滑动收缩展开。默认下自动滑动...
主要介绍了JS实现的简单折叠展开动画效果,可实现类似百度页面分享按钮一样的折叠展开动画效果,涉及javascript页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
文字的折叠与展开效果
展开与收起效果JS网页特效
一款代码非常容易看懂的jquery广告特效,点击可以折叠亦可收缩,默认是在网页左下角。 可调整JS中$('.main').css('left','-262px');变量,来改变窗口的位置,默认为500的速度,亦可根据实际需要调节,简单方便
jQuery列表展开折叠特效代码是一款jquery CSS3实现的鼠标点击响应的按钮,列表渐渐缓慢展开,再次点击折叠收缩,类似折纸效果。
主要介绍了JS实现可展开折叠层的鼠标拖曳效果,具有展开折叠层及实时显示鼠标坐标位置的功能,具有一定参考借鉴价值,需要的朋友可以参考下
点击折叠展开风琴效果css代码_jquery 折叠展开_html网站模板_网页源码移动端前端_H5模板_自适应响应式源.rar
jQuery Accordion 可左右滑动展开、折叠的滑动门,兼容各大浏览器,外观简洁时尚,鼠标点击时各个菜单项展开,用在网页上是很漂亮的效果。本效果基于jquery实现,可扩展为滑动门等常见的网页特效。
主要介绍了jQuery实现可展开折叠的导航效果,结合实例形式分析了基于jquery.easing.1.3.js插件的展开折叠效果实现技巧,非常简单实用,需要的朋友可以参考下