如何控制一个div从右向左展开显示,从左向右隐藏。

RT 在线等

javascript控制页面控件隐藏显示的两种方法,方法的不同之处在于控件隐藏后是否还在页面上占位
方法一:
document.all["PanelSMS"].style.visibility="hidden";
document.all["PanelSMS"].style.visibility="visible";
方法二:
document.all["PanelSMS"].style.display="none";
document.all["PanelSMS"].style.display="inline"。
温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-12-01
<div>
<p style="width:200px;height:30px;background:#000" id="ss">
</p>
<a href="javascript:void(0)" id="a1" style="">全文</a>

</div>
<script type="text/javascript" src="zepto.js"></script>
<script type="text/javascript">
$("#a1").click(function(){
var g=$(this).text();
if(g=="全文")
{
$("#ss").animate({"width":"0px"});
$(this).text("收起");
}
else{
$("#ss").animate({"width":"200px"},500);
$(this).text("全文");
}
})
</script>
不知道是不是你要的效果追问

这个是从左向右展开的吧.......

追答

加个向右的浮动,不就行了

全文

$("#a1").click(function(){
var g=$(this).text();
if(g=="全文")
{
$("#ss").animate({"width":"0px"});
$(this).text("收起");
}
else{
$("#ss").animate({"width":"200px"},500);
$(this).text("全文");
}
})

细节没注意我

本回答被提问者和网友采纳

如何让一个div左右收缩或展开
方法1、如果定义了元素居中,那么直接更改width就行;方法2、js控制宽度变化时,位置做相应变化;DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。

怎样让一个div里的div自己调整位置?
1、先新建一个html文件,并在head中添加样式表【styletype="text\/css">\/style>】。2、在body中添加一个DIV,并引入一个CSS,命名为【aaa】。3、给这个DIV添加背景色,并定义它的宽和高。【background:#FA2;width:400px;height:600px;】。4、然后添加如下代码。【position:fixed;left:50%;top:...

css怎么使一个div的高随另一个div的高的变化而变化,还有就是怎么使第...
右边的div高度你可以用一点js和jquery来控制,比如你用$("#divLeft").css("height")来获取左边的高度,然后把这个值设给右边就可以实现实时变化了,因为我知道你这个forum的话是左边可能变化比较大,然后右边要随着左边的变化来适应,当然float也要设置为left;(此处要保证你的左div和右div的宽度之和...

jquery如何实现点击一个按钮 div框从右→左,再点击按钮 div框从刚刚...
1、新建一个html文件,命名为test.html。2、在test.html文件内,使用div标签创建一行文字,文字内容为“小明”。3、在test.html文件内,设置div标签的id属性为mytext,主要用于下面通过该id获得div对象。4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“切换内容”。5、在test.html文件中...

怎样让div浮动在单元格右上角,鼠标经过单元格时显示,移开时隐藏?
1.td里放个div.box,设置position:relative;2.你想要显示的div,放在div.box里,设置position:absolute;top:0;right:0;display:none;3.设置效果,移动到div.box上的时候切换小div的显示隐藏。

怎么样把一个DIV分成左右相等的两块,让左边显示图片,右边显示文章
那么在右边的那个DIV的CSS当中加上float:left这句;方法如下 .right{width:50%; float:left; height:100%; } 然后加入右边的DIV中就可以了;方法如下 <div class="right">...<\/div> 这样2个DIV就左右而不是上下了 要等分就把2个的wide都设置成50 图片和文章你应该会加的,自己加吧 ...

一个DIV里,一边靠左,一边靠右,怎么实现?
1、设计一个html页面,一个标签元素div或者ul里,放入多行数据。 2、设计最外层容器样式文件: 3、设计每一行的样式: 4、最后,设计靠右对齐的样式: 5、此时页面展示如下: 左右均实现了分别对齐。 扩展资料: 定位的值完整解析: 1、absolute 生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。元素的...

如何让div显示在左下角如何让div显示在左下角显示
1.首先,将这个div从文档流中取出。:位置:固定;2.当他离开文档流时,我们将定位这个div:顶:xxpx右:xxpxbottom:xxxx;左:xxpx(这里xx代表多少:比如 左边的 :20px)就是这样:希望被采纳。如何将wpsp显示为0?1.点击打开电脑上的WPS文档,点击窗口左上角的【文件】。2.点击弹窗左下角的【选项】...

用JQUERY怎么做出来 图片从右到左自动切换,点击向右的标志,向右移动一...
这种插件非常多, 你可以挑一个用 如果你要问原理, 关键点是 外层div是一个窗口, 控制好长宽, 设置overflow为hidden, 那么只有在此区域内的内容才会被显示 内容是一堆图片, 通过js控制位置, 比如用relative定位, 通过css控制left, 就是移动效果 如果要轮播, 注意控制边界图片次序 ...

div里图片居右左边超出隐藏要怎么写CSS
用一个div作为主框架,嵌套图片和文字内容两个div,同时使用浮动功能。图片向左浮动,文字内容向右浮动,这就形成了两栏。右边的文字内容又分为两个div,不需要浮动,它会自动上下排列的。代码如下:<div id="container"> <div id="photo"><img src="图片地址" \/><\/div> <div id="content"> ...

相似回答