折叠javascript,折叠手机
javascript怎么实现列表显示与折叠
一、首先定义一个JavaScript function,如下:
为阿荣等地区用户提供了全套网页设计制作服务,及阿荣网站建设行业解决方案。主营业务为成都网站设计、成都网站建设、阿荣网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
function puckerMenu(level) {
var levelLength = ('row' + level).length;
var toDo = '0';
for (var iCount = 0 ; iCount document.all.length; iCount++){
if ( document.all[iCount].id.indexOf('row' + level) -1 ( document.all[iCount].id.length levelLength)) {
if ( document.all('level' + level).src.indexOf('minus.gif') -1 ) {
document.all[iCount].style.display = 'none';
toDo = '1';
} else {
document.all[iCount].style.display = 'block';
toDo = '0';
}
}
}
if ( toDo == '1' ) {
document.all('level' + level).src = 'images/plus.gif';
} else {
document.all('level' + level).src = 'images/minus.gif';
}
}
二、然后在网页上定义一个div和一个ul,注意div中要包含一个id为level开头的image和一个onclick事件,ul中id要包含row,默认情况下是展开的,如果需要默认为闭合,则要在ul中加入style="display:none"
例子如下:
body
divstyle="CURSOR: hand"
onclick="puckerMenu('1');"IMGid=level1
src="images/minus.gif"public class DataAccess/div
ulid=row1
li private string connString;
divstyle="CURSOR: hand"
onclick="puckerMenu('2');"IMGid=level2
src="images /plus.gif"protected DbConnection OpenConnection()/div
ulid=row2style="display:none"{...}/ul
li
Other
/ul
/body
求 点击展开/折叠JS代码
SCRIPT language=javascript
function opencat1(cat,img){
if(cat.style.display=="none"){
cat.style.display="";
img.src="Images/class2.gif";
} else {
cat.style.display="none";
img.src="Images/class1.gif";
}
}
/Script
调用处:onclick="opencat1(cat,img)"
eclipse中js代码如何设置可折叠?
js代码设置可折叠设置:
设置代码折叠在菜单栏的窗口--首选项
1、选择常规--编辑器--structure text editors,可以看到Enable folding选项,打上勾就可以使用代码折叠功能,但还要在具体的语言中设置。
2、选择js--编辑器--折叠,选择启用折叠就可以让js的代码折叠了。
本文标题:折叠javascript,折叠手机
当前网址:http://ybzwz.com/article/dsdcees.html