多片展开怎么excel如何设置展开

来源：蜘蛛抓取(WebSpider) 时间：2017-10-16 23:27 标签： ztree设置节点展开
后使用快捷导航没有帐号？
只需一步，快速开始
查看: 59438|回复: 8
jQuery收缩与展开特效（如何设置默认隐藏，点击展示？）
UID203126在线时间 小时积分110帖子离线17456 天注册时间
初级会员, 积分 110, 距离下一级还需 90 积分
代码如下：
&!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&&
&meta http-equiv=&Content-Type& content=&text/charset=utf-8& /&
&title&jquery 收缩展开效果&/title&
&script type=&text/javascript& src=&/skins/2012/js/jquery1.3.2.js&&&/script&
/* 收缩展开效果 */
.text{line-height:22padding:0 6color:#666;}
.box h1{padding-left:10height:22line-height:22background:#f1f1f1;font-weight:}
.box{position:border:1px solid #e7e7e7;}
&script type=&text/javascript&&
// 收缩展开效果
$(document).ready(function(){
$(&.box h1&).toggle(function(){
$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
},function(){
$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
&!-- 收缩展开效果 --&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
第一次运行请刷新一下页面。
&提示：您可以先修改部分代码再运行
现在默认的是页面加载时，所有的元素都是展示的，点击后隐藏。
我希望的效果是页面加载时，所有的元素都是隐藏的，点击后再展示~~~
UID503469在线时间 小时积分1829帖子离线17456 天注册时间
银牌会员, 积分 1829, 距离下一级还需 1171 积分
本帖最后由 pxh0829 于
22:48 编辑
&!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&&
&meta http-equiv=&Content-Type& content=&text/charset=utf-8& /&
&title&jquery 收缩展开效果&/title&
&script type=&text/javascript& src=&/skins/2012/js/jquery1.3.2.js&&&/script&
/* 收缩展开效果 */
.text{line-height:22padding:0 6color:#666;}
.box h1{padding-left:10height:22line-height:22background:#f1f1f1;font-weight:}
.box{position:border:1px solid #e7e7e7;}
&script type=&text/javascript&&
// 收缩展开效果
$(document).ready(function(){
// $(&.box h1&).toggle(function(){
$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
},function(){
//$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
$(&div.text&).hide();//默认隐藏div，或者在样式表中添加.text{display:none}，推荐使用后者
$(&.box h1&).click(function(){
$(this).next(&.text&).slideToggle(&slow&);
&!-- 收缩展开效果 --&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
第一次运行请刷新一下页面。
&提示：您可以先修改部分代码再运行
UID203126在线时间 小时积分110帖子离线17456 天注册时间
初级会员, 积分 110, 距离下一级还需 90 积分
UID355442在线时间 小时积分515帖子离线17456 天注册时间
高级会员, 积分 515, 距离下一级还需 485 积分
留个脚印，学习，以后用得上
UID608661在线时间 小时积分30帖子离线17456 天注册时间
新手上路, 积分 30, 距离下一级还需 20 积分
animate里height的值可以用toggle，第一次见到，原来这么神奇，学习了。
UID609688在线时间 小时积分383帖子离线17456 天注册时间
中级会员, 积分 383, 距离下一级还需 117 积分
&!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&&
&meta http-equiv=&Content-Type& content=&text/charset=utf-8& /&
&title&jquery 收缩展开效果&/title&
&script type=&text/javascript& src=&/skins/2012/js/jquery1.3.2.js&&&/script&
/* 收缩展开效果 */
.text{line-height:22padding:0 6color:#666;display:}
.box h1{padding-left:10height:22line-height:22background:#f1f1f1;font-weight:}
.box{position:border:1px solid #e7e7e7;}
&script type=&text/javascript&&
// 收缩展开效果
$(document).ready(function(){
$(&.box h1&).toggle(function(){
$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
},function(){
$(this).next(&.text&).animate({height: 'toggle', opacity: 'toggle'}, &slow&);
&!-- 收缩展开效果 --&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
&div class=&box&&
&h1&收缩展开效果&/h1&
&div class=&text&&
第一次运行请刷新一下页面。
&提示：您可以先修改部分代码再运行
UID568965在线时间 小时积分73帖子离线17456 天注册时间
初级会员, 积分 73, 距离下一级还需 127 积分
一般情况下，直接用slideToggle，代码最少
UID644584在线时间 小时积分19帖子离线17456 天注册时间
新手上路, 积分 19, 距离下一级还需 31 积分
网页设计培训
UID498521在线时间 小时积分1818帖子离线17456 天注册时间
银牌会员, 积分 1818, 距离下一级还需 1182 积分
您好，请教一下：这个效果，如何改一下，实现：第一个层展开时，浮在下面的内容上面，而不是下面的内容向下移动。
Powered by

我要回帖

更多关于 ztree设置节点展开 的文章

 

随机推荐