教程集 > 脚本编程 > javascript > 正文拍拍产品申缩菜单

拍拍产品申缩菜单

发布时间：2016-11-23 编辑：jiaochengji.com

教程集为您提供拍拍产品申缩菜单等资源，欢迎您收藏本站，我们将为您提供最新的拍拍产品申缩菜单资源

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>DEMO</title> <style type="text/css"> </style> <script type="text/javascript"> function s(ev) { var event = ev||window.event; var obj = event.srcElement||event.target; var str = (obj.innerHTML == "点击收起")?"none":""; var uls = document.getElementById("prd").getElementsByTagName("ul"); for(i=0;i<uls.length;i ) { var lis = uls[i].getElementsByTagName("li"); if (lis.length > 4) { for(j=4;j<lis.length;j ) lis[j].style.display = str; } } obj.innerHTML = (obj.innerHTML == "点击收起")?"显示全部":"点击收起"; } <ul> <li>产品1-1</li> <li>产品1-2</li> <li>产品1-3</li> <li>产品1-4</li> <li>产品1-5</li> <li>产品1-6</li> </ul> <ul> <li>产品2-1</li> <li>产品2-2</li> <li>产品2-3</li> <li>产品2-4</li> <li>产品2-5</li> <li>产品2-6</li> <li>产品2-7</li> <li>产品2-8</li> <li>产品2-9</li> </ul> <ul> <li>产品3-1 </li> <li>产品3-2</li> <li>产品3-3</li> <li>产品3-4</li> <li>产品3-5</li> <li>产品3-6</li> </ul> <ul> <li>产品3-1 </li> <li>产品3-2</li> <li>产品3-3</li> <li>产品3-4</li> <li>产品3-5</li> <li>产品3-6</li> </ul> <ul> <li>产品4-1 </li> <li>产品4-2</li> <li>产品4-3</li> <li>产品4-4</li> <li>产品4-5</li> <li>产品4-6</li> <li>产品4-7 </li> <li>产品4-8</li> <li>产品4-9</li> <li>产品4-10</li> <li>产品4-11</li> <li>产品4-12</li> </ul> <ul> <li>产品5-1 </li> <li>产品5-2</li> <li>产品5-3</li> </ul>

</body> </html></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
拍拍产品申缩菜单
 用缓冲技术提高JSP应用的性能和稳定性
 photoshop处理曝光不足拍灰日出风景照后期调色教程
 关于H5调用相机拍照并压缩图片的代码
 个性产品列表显示代码
 php调取摄像头实现拍照功能的方法
 介绍HTML5 Canvas调用手机拍照功能实现图片上传（上篇）
HTML5 Canvas调用手机拍照功能实现图片上传功能（图文详解上篇）
Photoshop简单制作禁止拍照图标教程
 photoshop旅游拍摄照片后期修图实例教程

上一篇：textarea tip提示效果代码下一篇：CSS中未知高度水平垂直居中实例

[关闭]

拍拍产品申缩菜单

最近更新

浏览排行