当前位置：首页 » 网站代码 » 代码展开

代码展开

发布时间: 2021-03-28 22:03:05

① 求助关于matlab m文件编辑器代码的展开与折叠问题

代码折叠（Code Folding）功能涉及到几个问题：

1、软件版本
MATLAB是从7.5（2007b）引入此项功能的，但当时只支持函数代码及函数帮助的折叠。2008a支持更多的语言结构，例如与类有关的语法特性、流程控制等。如果需要使用代码折叠功能，请首先确认软件版本足够高。

2、设置
要使用代码折叠功能，除软件版本要求外，还需要在设置中选中该项功能。在Preferences对话框的Editor/Debugger > Code Folding页面进行设置。Code Folding默认是选中的，除总的选择开关外，还可以分项选择各种语言结构的折叠及其初始折叠状态。

3、具体操作
对于单个代码块，可以直接点击可折叠代码左侧的加号或减号进行展开或折叠。
要对一个文件的所有代码进行折叠或展开，有两种方式：
（1）快捷菜单：在文件的任意位置点右键，通过二级菜单选择，即Code Folding > Expand All和Code Folding > Fold All；
（2）快捷键：展开所有（Ctrl+Shift+=），折叠所有（Ctrl+=）。

② 点击展开代码 div+css

<!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=gb2312" />
<script type="text/javascript"><![CDATA[//><!]]></script>
<style type="text/css">
body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
img { border-style: none; }
a { color: #000; text-decoration: none; }
a:hover { color: #F00; }
#menu { width: 100px; border: 1px solid #CCC; border-bottom:none;}
#menu ul { list-style: none; margin: 0px; padding: 0px; }
#menu ul li { background: #eee; padding: 0px 8px; height: 26px; line-height: 26px; border-bottom: 1px solid #CCC; position:relative; }
#menu ul li ul { display:none; position: absolute; left: 100px; top: 0px; width:100px; border:1px solid #ccc; border-bottom:none; }
#menu ul li.current ul { display:block;}
#menu ul li:hover ul { display:block;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">网页版式布局</a>
<ul>
<li><a href="#">自适应宽度</a></li>
<li><a href="#">固定宽度</a></li>
</ul>
</li>
<li><a href="#">div+css教程</a>
<ul>
<li><a href="#">新手入门</a></li>
<li><a href="#">视频教程</a></li>
<li><a href="#">常见问题</a></li>
</ul>
</li>
<li><a href="#">div+css实例</a></li>
<li><a href="#">常用代码</a></li>
<li><a href="#">站长杂谈</a></li>
<li><a href="#">技术文档</a></li>
<li><a href="#">资源下载</a></li>
<li><a href="#">图片素材</a></li>
</ul>
</div>
</body>
</html>
这是一个完整的二级菜单代码，没有使用JS（上面的JS是为了兼容IE6），原理很简单，就是通过display来控制二级菜单的显示与隐藏

③ notepad++里如何实现展开代表和收起代码功能

快捷键不管用时，使用菜单栏。
点选项，点view，其中fold all 表折叠所有,unfold all 表打开折叠,旁边有所对应的快捷键
看不懂英文没问题,结合快捷键看（快捷键大全有中对快捷键的解释说明）

④ SQL 代码显示，如何有收缩展开

哦,差点以为你是要查询出来的结果有收缩展开功能

代码要有的话,我只见过notepad ++可以,其他不清楚

⑤ 点击展开收缩代码让他显示先收缩

错误原因是你在还没有dom元素之前就进行绑定了。你绑定事件要写在dom元素之后，或者页面加载完之后。你当前的script，只要

$(function(){
//你当前的代码块
});
就可以了

⑥ html鼠标经过自动展开和点击展开代码。

1．创建一个新的HTML文件百，该文件被称为测试。标题是“CSS实现的鼠标在导航栏上专显示的超链接的下划线效属果”。

⑦ 求js点击展开代码

大哥，你这点分，谁帮你找呀，这个很麻烦的。。。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>runcode</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<script type="text/javascript">
var mh = 30;//最小高度
var step = 5;//每次变化的px量
var ms = 10;//每隔多久循环一次
function toggle(o){
if (!o.tid)o.tid = "_" + Math.random() * 100;
if (!window.toggler)window.toggler = {};
if (!window.toggler[o.tid]){
window.toggler[o.tid]={
obj:o,
maxHeight:o.offsetHeight,
minHeight:mh,
timer:null,
action:1
};
}
o.style.height = o.offsetHeight + "px";
if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);
window.toggler[o.tid].action *= -1;
window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms );
}
function anim(id){
var t = window.toggler[id];
var o = window.toggler[id].obj;
if (t.action < 0){
if (o.offsetHeight <= t.minHeight){
clearTimeout(t.timer);
return;
}
}
else{
if (o.offsetHeight >= t.maxHeight){
clearTimeout(t.timer);
return;
}
}
o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
window.toggler[id].timer = setTimeout("anim('"+id+"')",ms );
}
</script>
<style type="text/css">
div.xx{border:solid 1px;overflow:hidden;}
div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#E7F5F8;}
</style>
</head>
<body>
<div class="xx"><h5 onclick="toggle(this.parentNode)">点击我看"伸缩效果"</h5>
<table><tr><td>
<p>中国站长站</p>
<p>站长素材站</p>
<p>站长脚本站</p>
<p>站长下载</p>
</td></tr></table>
</div>
</body>
</html>

⑧ js展开代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>runcode</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<script type="text/javascript">
var mh = 30;//最小高度
var step = 5;//每次变化的px量
var ms = 10;//每隔多久循环一次
var maxh;//**这里加了一个变量用于记住原先的对象的高度
window.onload=function(){ //将其缩短，原长保留在maxh里
var o=document.getElementById('tger');
maxh=o.offsetHeight;
//alert(o.offsetHeight);
o.style.height=mh+'px';
}
function toggle(o){
if (!o.tid)o.tid = "_" + Math.random() * 100;
if (!window.toggler)window.toggler = {};
if (!window.toggler[o.tid]){
window.toggler[o.tid]={
obj:o,
//maxHeight:o.offsetHeight, //此处将最大长度换成如上定义的maxh
maxHeight:maxh,
minHeight:mh,
timer:null,
action:-1
};
}
//o.style.height = o.offsetHeight + "px";
if (window.toggler[o.tid].timer)clearTimeout(window.toggler[o.tid].timer);
window.toggler[o.tid].action *= -1;
window.toggler[o.tid].timer = setTimeout("anim('"+o.tid+"')",ms );
}
function anim(id){
var t = window.toggler[id];
var o = window.toggler[id].obj;
if (t.action < 0){
if (o.offsetHeight <= t.minHeight){
clearTimeout(t.timer);
return;
}
}
else{
if (o.offsetHeight >= t.maxHeight){
clearTimeout(t.timer);
return;
}
}
o.style.height = (parseInt(o.style.height, 10) + t.action * step) + "px";
window.toggler[id].timer = setTimeout("anim('"+id+"')",ms );
}
</script>
<style type="text/css">
div.xx{border:solid 1px;overflow:hidden}
div.xx h5{border:solid 1px;border-width:0 0 1px;padding:0;margin:0;height:30px;line-height:30px;cursor:pointer;background:#E7F5F8;}
</style>
</head>
<body>
<div class="xx" id='tger'><h5 onclick="toggle(this.parentNode)">点击我看"伸缩效果"</h5> 
<table><tr><td>
<p>中国站长站</p>
<p>站长素材站</p>
<p>站长脚本站</p>
<p>站长下载</p>
</td></tr></table>
</div>
</body>
</html>

⑨ 求js代码，点击展开，点击关闭。

假如html代码如下

<divclass="list">
<h1><aclass="open">点击展开</a></h1>
<divclass="box">
<p>----------</p>
<aclass="close">点击关闭</a>
</div>
</div>

jquery代码：

$(function(){
$(".open").click(function(){
vari=$(".list.open").index($(this));//获取点击open在页面中open类的序列
if($("#show").length>0)//判断是否存在显示元素idshow
{
if($(".list.box:eq("+i+")").attr("id")!="show")//判断当前的box是否已显示
{
$("#show").attr("id","");
}
}
$(".list.box:eq("+i+")").attr("id","show");
})
$(".close").click(function(){
vari=$(".list.close").index($(this));
$(".list.box:eq("+i+")").attr("id","");
})
})

这样对应的css类似如下

.box{display:none}
#show{display:block}

.box默认隐藏被附加id为show后就显示

因为你的列表内容应该是数据绑定生成的，可以定义相同class，上面是感觉比较通用的写法

手写的，没有测试

⑩ CSS收缩展开代码

要用javascript的<div><a href="javascript:vod(0);>"<B id="show_hide">收缩</B></a></div>
<ul id="content">
<li>收缩展开的内容一回</li>
<li>收缩展开的内容二答</li>
<li>收缩展开的内容三</li>
</ul>
<script>
document.getElementById('show_hide').onclick = function (){
var con = document.getElementById('content').style;
if(this.innerHTML == '收缩'){
con.display = 'none';
this.innerHTML = '展开';
return false;
} else {
con.display = '';
this.innerHTML = '收缩';
return false;
}
}
</script>

阅读全文

代码展开

与代码展开相关的阅读推荐