div小型浮动层,类似锚点提示文字,鼠标点击按钮显示/隐藏
2011-08-19 17:07
831 查看
<script type="text/javascript">
function switcher(){
$('#switcher').toggle();
}
</script>
<style type="text/css">
<!--
.switcher{
padding:5px;
display:none;
position:absolute;
top:0px;
left:0px;
background:white;
border:1px black solid;
}
-->
</style>
<span style="white-space:nowrap">
[<a title="点击显示/关闭" href="javascript:" onclick="switcher()">切换权限</a>]
<div style="position:relative;">
<div id='switcher' class="switcher">
123123123
test text
</div>
</div>
</span>
function switcher(){
$('#switcher').toggle();
}
</script>
<style type="text/css">
<!--
.switcher{
padding:5px;
display:none;
position:absolute;
top:0px;
left:0px;
background:white;
border:1px black solid;
}
-->
</style>
<span style="white-space:nowrap">
[<a title="点击显示/关闭" href="javascript:" onclick="switcher()">切换权限</a>]
<div style="position:relative;">
<div id='switcher' class="switcher">
123123123
test text
</div>
</div>
</span>
相关文章推荐
- js 鼠标点击一个按钮显示div的浮动框,点击页面其他任何地方后,隐藏浮动框
- 点击单选按钮改变div显示隐藏
- 点击右键和按钮进行显示隐藏div
- 点击按钮平移隐藏与显示div(使用translate)
- 基于JQuery实现鼠标点击文本框显示隐藏提示文本
- jQuery点击按钮实现div的隐藏和显示切换效果
- GridView鼠标移上某行显示浮动DIV提示信息
- div定位 鼠标放在按钮上显示层提示
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- 基于JQuery的浮动DIV显示提示信息并自动隐藏
- 去掉button按钮左右两边的留白 设置按钮背景为透明 去掉鼠标点击时出现的虚线边框 层的显示与隐藏
- 点击一个按钮显示div,点击div之外的地方div隐藏,点击div之内的地方div不隐藏
- jquery 默认隐藏div,点击按钮显示,再次点击隐藏
- jquery点击按钮显示和隐藏DIv
- 点击按扭后显示DIV,当然这个DIV 就显示在按扭旁边,当鼠标移动到DIV上时无变化,当鼠标移出DIV的时候,让DIV隐藏
- 如何点击按钮显示隐藏div,再点击收起,默认隐藏
- jQuery实现文本域内提示文字,当鼠标点击进文本域后自动消失,文本域失去鼠标焦点后显示提示文字或显示用户输入的文字。
- 基于JQuery的浮动DIV显示提示信息并自动隐藏