代碼展開
① 求助關於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[//><!--
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("menu");
var allli = navRoot.getElementsByTagName("li")
for (i=0; i<allli.length; i++) {
node = allli[i];
node.onmouseover=function() {
this.className+=" current";
}
node.onmouseout=function() {
this.className=this.className.replace(" current", "");
}
}
}
}
window.onload=startList;
//--><!]]></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> <!--為此div 塊添加一個id-->
<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>