扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这个需要自己另外写JS库,网上应该有的
创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、网站制作、外贸营销网站建设、高安网络推广、小程序设计、高安网络营销、高安企业策划、高安品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供高安建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
因为JQM是国外的,所以名称库只认首字母Z,才会分到Z里,如果没有加入JS库,页面是不认识张三的首字母是z的
!DOCTYPE HTML
html
head
title念奴娇/title
meta charset=UTF-8 /
style type="text/css"
div[id] {
border: 1px solid black;
width: 200px;
height: auto;
}
/style
script type="text/javascript" src="jquery-1.8.0.min.js"/script
script type="text/javascript"
jQuery (function ($)
{
var EACH = 3;
var div1 = $ ("div#id1");
var array = div1.children ("div");
$ ("a").click (function ()
{
for ( var k = 2; k = Math.round(array.length / 3); k++)
{
$ ("div id='id"+k+"'").appendTo ("body");
for ( var i = Number (array.eq (k-1).text ()); i = Number (array.last ().text ()); i += EACH)
{
$ ("div#id" + k).append (array.eq (i - 1));
}
}
});
});
/script
/head
body
a href="###"点击/a
div id="id1"
div1/div
div2/div
div3/div
div4/div
div5/div
div6/div
div7/div
div8/div
/div
/body
/html
html
body
ul
lixxxxxx1/li
lixxxxxx2/li
lixxxxxx3/li
lixxxxxx4/li
lixxxxxx5/li
lixxxxxx6/li
lixxxxxx7/li
lixxxxxx8/li
lixxxxxx9/li
lixxxxxx10/li
lixxxxxx11/li
lixxxxxx12/li
lixxxxxx13/li
lixxxxxx14/li
lixxxxxx15/li
/ul
ul id="ul0"/ul
ul id="ul1"/ul
ul id="ul2"/ul
/body
script type="text/javascript" src="jquery-1.7.2.min.js"/script
script type="text/javascript"
$(document).ready(function(){
$("li").each(function(i){
var id = "ul"+parseInt(i/10);
$(this).appendTo("#"+id);
});
});
/script
/html
用toggle(fn1,fn2,fn3)这个方法绑定你的ul,第一次点击执行fn1,第二次点击执行fn2,你需要是展开和关闭特效,所以写两个方法就行,如果需要第三次点击,那就再写fn3,第一次点击让他的高度变为110px,第二次点击变为35px,这样就变成了一个循环!~就这个思路
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流