jquery如何实现多个div展开收缩jquery展开收缩效果

Question

如题所述

Answer 1

jquery如何扩展和收缩多个div

//给那些div一个公共属性:例如，name=div[name=showhide]).fadein(500)；//显示所有名称为showhide的div

$(div[name=showhide]).淡出(500)；//隐藏所有名称为showhide的div

jquery动态改变p宽度和高度？

用jQuery的animate方法就可以！如改变p1的高度为500px。ps：varoDiv=$('.p1');oDiv.animate({height:500},500)

p层里能嵌套框架或者新的html页面吗？

解答：1，基于Jquery的DIV嵌套htmlhtml代码：

scriptsrc="js/jquery.js">/script>

pid="btn">新页面/p>pid="newDiv">/p>

js代码：

$(document).ready(function)(){$("#btn").click(function(){$('#newDiv').load('new.html');});});

点击“新页面”即可实现添加2，基于纯js代码实现嵌套：html代码：

buttontype="button"id="btn"onClick="javascript:load_home();">确认/button>1

js代码：

functionload_home(){document.getElementById("viewDiv").innerHTML='objecttype="text/html"data="new.html"width="100%"height="100%">/object>';}

怎么使用css+jquery实现各层p的hover和click事件？

可以通过获取鼠标在浮动层时的位置，然后判断是否在按钮的offset()内，在区域内的话点击就触发按钮的点击事件