function showside() {
var mc = document.getElementById("side");
var bool = mc.style.display == "block" || mc.style.display == "";
mc.style.display = bool? "none": "block";
}
</script>
var mc = document.getElementById("side");
var bool = mc.style.display == "block" || mc.style.display == "";
mc.style.display = bool? "none": "block";
}
</script>
解决方案 »
- ajax报错 400 BadRequest
- jquery 获取iframe的元素的问题,,,,,,jquery 获取iframe的元素的问题
- 关于this对象的存放地方的疑惑
- 寻一段js读取xml信息的例子来学习
- 初学javascript的问题!求高手解释!
- 隐藏工具栏和地址栏的javascript的特效怎么写?
- js 定义变量用斜杠总提示“未结束的字符串常量”
- 在IE里打印能不能精确控制打印,苦恼死我了;(
- 大家进来看看呀!! IE窗体可以不出现提示就自动关闭吗??
- 刚进入实习,做的是JS代码编写,因为之前理论的学习过,碰到个问题,是调用接口的,哪里有问题,小弟只想让大虾们详细分析下代码,感激不尽
- 怎么用DOM的方式实现这样的效果?
- 高手请进,说难也不难,说容易也不容易
{
side.style.display='none';
}
else
{
side.style.display='block';
}试试看这个呢
style.display是对这个属性的读取,放在#side中是不行的,他会认为
style.display == "";Change like this------------>
------------------------------------------------------------------<style type="text/css">
#side {
background-color:#F00;
position:relative;
float:left;
width:100px;
height:100%;
border:1px solid red;
}
#main {
border:1px solid red;
height:100%;
}
</style>
<script type="text/javascript">
function showside()
{
if(side.style.display=='block')
{
side.style.display='none';
}
else
{
side.style.display='block';
}
}
</script>
<div id="side" style="display:block;">sidebar</div>
<div id="main"><a href="javascript:showside();" >aaaaaaaaa</a></div>
------------------------------------------------------------------------
side.style.display='';
和
side.style.display='block'
效果是一样的
function showside()
{
if(side.style.display!='block')
{
side.style.display='block';
}
else
{
side.style.display='';
}
}
</script>