- 浏览: 114524 次
- 性别:
- 来自: 广西
文章分类
最新评论
-
greemqqran:
这方法 源码,是怎么的哦?
可变参数,数组与集合之间的转换 -
greemqqran:
Arrays.asList
可变参数,数组与集合之间的转换 -
ricoyu:
引用? super E:接收的是E类型对象应该是: ? sup ...
泛型-
列表收缩
- 博客分类:
- DOM
- javascript
- html+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=utf-8" /> <title>无标题文档</title> <style type="text/css"> table{ border:#0066FF 1px solid; } table td{ border:#0000FF 1px solid; background-color:#00CCFF; } table td div{ background-color:#66FFCC; display:none; } table td a:link,table td a:visited{ text-decoration:none; color:#993300; } .open{ display:block; } .close{ display:none; } </style> <script type="text/javascript"> function list2() { var aNode = event.srcElement; var tdNode = aNode.parentNode; var divNode = tdNode.getElementsByTagName("div")[0]; //alert(divNode.nodeName); var tabNode = document.getElementsByTagName("table")[0]; var divNodes = tabNode.getElementsByTagName("div"); for(var x=0 ; x<divNodes.length; x++) { if(divNodes[x]==divNode) { if(divNode.className == "open") { divNode.className = "close"; } else { divNode.className = "open"; } } else divNodes[x].className = "close"; } } </script> </head> <body> <table> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> <tr> <td> <a href="javascript:void(0)" onclick="list2()">好友菜单列表</a> <div> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> 撒旦防撒旦法<br/> </div> </td> </tr> </table> </body> </html>
发表评论
-
javascript中的call和apply
2012-11-17 16:34 739javacript中有很多简写的方式,其实我们调用函数的 ... -
javascript中的this
2012-11-16 15:33 668javascript中的this到底是什么呢? 一般来 ... -
javaScript NameSpace
2011-08-22 01:53 775命名空间,一看就知道主要目的是为了避免冲突。下面就来说一下 ... -
注册表单
2011-08-11 23:55 831<!DOCTYPE html PUBLIC " ... -
表单检验
2011-08-11 23:27 821<!DOCTYPE html PUBLIC " ... -
类似于邮件管理,具有全选,反选功能的代码
2011-08-10 22:33 807<!DOCTYPE html PUBLIC " ... -
增加文件
2011-08-10 22:11 772<!DOCTYPE html PUBLIC " ... -
二级级联下拉菜单
2011-08-10 21:57 635<!DOCTYPE html PUBLIC " ... -
示例思路
2011-08-10 21:31 904<!-- DOM编程: 1, ... -
浮动的广告代码
2011-08-10 20:07 739<!DOCTYPE html PUBLIC " ... -
DHTML编程的一般过程
2011-08-10 19:08 752<!DOCTYPE html PUBLIC " ... -
下拉列表框onchange事件
2011-08-10 18:49 2059<!DOCTYPE html PUBLIC " ... -
checkBox全选实现
2011-08-10 18:41 687<!DOCTYPE html PUBLIC " ... -
每行间隔显示颜色
2011-08-10 18:33 880<!DOCTYPE html PUBLIC " ... -
排序表格内容
2011-08-10 18:25 970<!DOCTYPE html PUBLIC " ... -
动态创建表格,删除行列
2011-08-10 12:18 823<!DOCTYPE html PUBLIC &qu ... -
DOM简介
2011-08-07 12:55 660DOM(document Object model)文档对象模 ... -
javascript简介
2011-08-06 23:15 724JavaScript 概述 JavaScript是 ... -
CSS简介
2011-08-05 23:57 864CSS介绍 CSS是层叠样式表(Cascading Styl ... -
HTML
2011-08-05 17:46 784html:超文本标记语言。 html语言中是由标签组成的。 ...
相关推荐
列表收缩-JavaScript
android列表收缩与展开,效果与原理看博文: http://blog.csdn.net/evankaka/article/details/43926899
js代码 播放列表收缩展开 播放列表 左侧二级菜单 兼容主流浏览器
实现qq列表收缩效果(cell收缩)。--------------------------------
ExpandableListView实现列表收缩与展开,效果与原理看博文: http://blog.csdn.net/evankaka/article/details/43926899
主要介绍了Android仿QQ好友列表实现列表收缩与展开,感兴趣的小伙伴们可以参考一下
jquery css3用户列表导航展开收缩下拉菜单代码
CSS3下拉列表收缩展开特效是一款基于css3 transform实现的点击菜单下拉列表,列表收缩菜单ui特效。
可展开和收缩的jquery FAQ问答列表特效
CSS3列表收缩展开详情预览特效是一款基于js+css3制作的响应式新款产品列表收缩展开预览,点击产品列表展开详情内容查看效果。
非常实用的特效代码,可以完美运行,可以二次修改!
非常实用的特效代码,可以完美运行,可以二次修改!
一、加载cell的时候动态的计算高度 OrderDetailTableViewCell *cell = [self cellAtCellDicWithIndexPath:indexPath]; float cellHight=cell?(cell.isExpand?cell.cellHight.selectedHight:cell.cellHight....
js css3制作响应式的新款产品列表收缩展开预览,点击产品列表展开详情内容查看效果。适用于新款产品促销介绍网页ui布局特效。
实现效果 点击标题名如“帮助”后下拉出“帮助”的子元素 再次点击“帮助”后列表收缩回去 代码和样式很简单。希望对各位有帮助 自己回去改改便可
三级导航菜单,三级竖向展开/收缩导航菜单
iphone QQ列表的收缩展开,带动画效果 iphone QQ列表的收缩展开,带动画效果 iphone QQ列表的收缩展开,带动画效果
WPF分类收缩WrapPanel列表源码 功能介绍: WrapPanel样式的列表同时支持分类。如果点击分类列 表Header后,相应的类别子元素会收缩。核心类型WrapList 继承自WrapPanel,自定义的WrapList控件