页面内跳转到另一个DIV后,Div本来是折叠内容的,跳转到后自动展开
用锚点进行跳到同一页面内的一个DIV,这个DIV内容本身是折叠的,跳转后自动展开。然后点击标题能收缩展开另外展开与收缩的能不能进行缓慢特效。我知道用锚点进行跳转了。这个是...
用锚点进行跳到同一页面内的一个DIV,这个DIV 内容本身是折叠的,跳转后自动展开。 然后点击标题能收缩展开
另外展开与收缩的能不能进行缓慢特效。
我知道用锚点进行跳转了。
这个是收缩展开的,没有特效。
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
<fieldset style="padding: 5px 10px 5px 10px; margin:15px 0 15px 0px;">
<legend><strong style="cursor:hand" onclick="isHidden('div_caselist1')" >测试案例列表</strong></legend>
<div id="div_caselist1" style="display: block;">
。。。。下面是div的内容 展开
另外展开与收缩的能不能进行缓慢特效。
我知道用锚点进行跳转了。
这个是收缩展开的,没有特效。
function isHidden(oDiv){
var vDiv = document.getElementById(oDiv);
vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
}
<fieldset style="padding: 5px 10px 5px 10px; margin:15px 0 15px 0px;">
<legend><strong style="cursor:hand" onclick="isHidden('div_caselist1')" >测试案例列表</strong></legend>
<div id="div_caselist1" style="display: block;">
。。。。下面是div的内容 展开
1个回答
展开全部
发现你只问了一个问题就是能不能进行缓慢特效。可以的,除了自己写js代码,还有一种方便的方法就是引入jQuery,jquery里面有动画特效如slidedown()、和slideup()等。你可以去W3C查看一下jquery的简易教程和动画代码。很快就能上手的。。。
追问
其实主要想问的是,用锚点进行跳到同一页面内的一个DIV后,这个DIV原本隐藏的内容自动展开,有办法实现么?
缓慢特效只是为了更好看点
追答
有办法实现的。用js的scrollTop属性获取屏幕滚动的位置,跳到那个DIV所在位置的时候,记录scrollTop的值,然后根据这个值来做事件就可以了。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询