滚动效果:
$('#dvmq li').eq(0).fadeOut('slow',function(){ $(this).clone().appendTo($(this).parent()).fadeIn('slow');$(this).remove();});
多层li或div展开伸缩效果,支持隐藏其他元素
JQuery(document).ready(function(){JQuery("div .content").hide();JQuery(".title").css("cursor", "pointer");JQuery(".title").click(function(){var nextGo = JQuery(this).parent().next();nextGo.addClass("contentGo");JQuery("div .content:visible:not(.contentGo)").hide();nextGo.animate({height: 'toggle', opacity: 'toggle'}, { duration: "slow" });nextGo.removeClass("contentGo");return false;})});
优化一下:
JQuery(document).ready(function(){JQuery("div .content").hide();JQuery(".title").css("cursor", "pointer");JQuery(".title").click(function(){var nextGo = JQuery(this).parent().next();JQuery("div .content:visible").not(nextGo).hide();nextGo.animate({height: 'toggle', opacity: 'toggle'}, { duration: "slow" });return false;})});
美化效果:
JQuery(document).ready(function(){JQuery("div .content").hide();JQuery("div .title").css("cursor", "pointer");JQuery("div .title").click(function(){var nextGo = JQuery(this).parent().next();JQuery("div .content:visible").not(nextGo).slideUp("slow");nextGo.animate({height: 'toggle', opacity: 'toggle'}, { duration: "slow" });return false;})});
分享到:
相关推荐
javascript 多层嵌套的一个层展开、收缩实例! javascript 多层嵌套的一个层展开、收缩实例!
SQL多层BOM展开实用代码
我们在制作网页时,有时需要多重div的重叠,每个div添加不同的内容,以实现特殊的层叠效果,这个如何实现,在网上没找到现成的详细的教程,但是可以用现有的知识,自己摸索哦。终于成功了,O(∩_∩)O~ 分享出来。...
这个是自己在实际开发中写的一个广告管理例子,里面涉及到多层表单的搭配,所以对于CSS+div布局来说,是个挑战,上面的例子中我已经实现了兼容火狐,IE,谷歌三大浏览器,对CSS-DIV布局感兴趣的同学不容错过,欢饮...
图片切换效果多层
通过理论分析层间差异下的多层合采煤层气井开发动态,并基于韩城地区3号、5号和11号煤储层特征,经过分析该地区煤层气多层合采井的排采实例,对多层合采井的开发效果进行了评价。结果表明:低丰度煤层气藏的开发宜采用...
用多层div实现div的圆角光滑,有需要的可以看看
下拉多层展开菜单.rar下拉多层展开菜单.rar下拉多层展开菜单.rar下拉多层展开菜单.rar下拉多层展开菜单.rar下拉多层展开菜单.rar
如果一段html嵌套过多,在js中获取还是比较麻烦的,我写了几套方案...元素多层嵌套,JS获取问题</title> </head> <body> <div id=box> <span>span <div> <span>span <span>1 </div> <div> <spa
jquery实现多层视觉鼠标跟随效果,简单易用。适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.
android实现多层展开的功能,使用的是expandlistview嵌套
用于appstore 快速制作效果图及图表icon 样式 多层psd文件
漂亮的 多个div(层)拖拽和管理 漂亮的 多个div(层)拖拽和管理 漂亮的 多个div(层)拖拽和管理
采用多靶磁控溅射仪在室温和衬底温度为300℃的条件下制备Tb/Fe/Dy纳米多层膜,研究其磁性能和超磁致伸缩性能。结果表明该纳米多层膜较TbDyFe单层膜有更明显的垂直磁各向异性和更大的矫顽力。尽管纳米多层膜样品具有...
多层苏州园林式住宅建筑效果图。多层苏州园林式住宅建筑效果图。多层苏州园林式住宅建筑效果图。多层苏州园林式住宅建筑平面图。多层苏州园林式住宅建筑分析图。多层苏州园林式住宅建筑分析图。多层苏州园林式住宅...
Div+CSS+JS的三级树形菜单,很实用的。 一级菜单可以同时展开,二级菜单只能展开一个,其他自动关闭。 bitding 修正版。
高度类别:多层建筑。设计风格:现代风格。项目位置:湖南。图纸格式:PDF。文档格式:PDF。[长沙]山地多层洋房+展示区住宅设计文本。内容包含:。一、效果展示 二、展示区-建筑篇 三、展示区-室内篇 四、展示区-...
开料→(钻内层对位孔)→内层图形制作(干膜/湿膜,定位孔对位或书页式对位)→内层蚀刻→内层蚀检(A.O.I/100%目检)→棕化→压合→x-ray钻PIN孔→切边(磨边/倒圆角)→钻孔→DESMEAR&PTH→以下流程和双面流程...
电子政务-横向伸缩多层独石式压电微位移器.zip
多层交换技术完整版 很好 很详细多层交换技术完整版多层交换技术完整版多层交换技术完整版多层交换技术完整版