点击按钮,弹出信息的显示
2016-07-29 09:57
302 查看
1.下面是css
<style type="text/css">
.mydiv{
position: fixed;
_position:absolute;
z-index:1;
top: 50%;
left: 50%;
margin: -141px 0 0 -201px;
width: 560px;
border:1px solid #CCC;
line-height:20px;
vertical-align:middle;
text-align:left;
font-size: 12px;
background-color:#FFFFFF;
overflow:hidden;
padding:10px 10px;
padding-top:20px;
}
.mydiv .a_cont{
display:inline-block;
font-size: 12px;
white-space:normal;
text-decoration:none;
color:#333;
}
.mydiv .a_cont:hover{
text-decoration:none;
color:#333;
}
2.下面是DIV
<div id="myDiv" class="mydiv" style='display:none;'style="width:100px;word-wrap:break-word;">
<a class="a_cont">${config_content}</a>
<a href="javascript:closeDiv()" class="close_btn">关闭</a></div>
<a href="#" class="easyui-linkbutton" plain="true" icon="icon-putout" onclick="describe();">数据来源</a>
3.下面是js
//数据来源
function describe(){
document.getElementById('myDiv').style.display='block';
}
function closeDiv(){
document.getElementById('myDiv').style.display='none';
}
4.需要换行的话,可以在文字里添加<br/>
相关文章推荐
- AlertDialog,当点击按钮时,能够根据界面上输入的数据,弹出对话框,显示界面中输入的相关信息
- JS操作DOM点击图片弹出层显示大图片和详细信息
- 4. 用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示从文本框1的数字到文本框2中的数字之间的累加和。如果1或则2为错误的数据格式,则弹出对话框提示错误。如果文本框1中的数字比文本框2中的数字大,则提示错误。
- js如何实现点击一个按钮显示一个div,然后该div上有一个按钮,点击此按钮后隐藏,隐藏的同时显示另外一个div,而在次弹出的div也有一个按钮,点击后隐藏.
- JSP定义错误页面,并在页面中点击按钮显示隐藏错误信息
- android 点击按钮实现页面跳转并显示以选择信息
- 让验证控件一开始就显示红星或点击按钮后弹出对话框再显示红星
- 设计一个JFrame窗口,输入学生的基本信息,包括学号、姓名、学院、专业(下拉列表)、班级、籍贯(级联)、性别(单选按钮)、爱好(多选)、备注等,在界面中包括提交和重填按钮。提交后弹出窗口显示学生信息
- 解决登出系统清空session后,点击后退按钮显示原页面信息的问题
- 黑马程序员之WinForm编程基础学习笔记:用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示从文本框1中的数字到文本框2中的数字之间的累加和。如果1或者2为错误的数据格式,则弹出对话框提示错
- JS中如何实现每点击一次按钮,显示一条信息
- wpf 点击button,下拉Popup显示按钮或信息
- vue与leaflet的结合使用,在popup上放置一个按钮,点击后使用amout挂载一个未挂载的实例,显示一些信息
- EXTJS桌面显示窗口(左边:TREE,右边:PANEL),点击按钮弹出窗口编辑数据提交后台PHP。
- 1. 简单的加法计算器,用户在文本框1,2中输入两个数,点击按钮,在文本框3中显示两个数的和。如果1或者2为错误的数据格式,则弹出对话框提示错误。
- javascript+Struts2解决退出清空session以后,点击后退按钮显示原页面信息的问题
- 按钮点击与弹出时显示不同的图片
- 1怎样让输入的text文本填写的部分只添加数字、2怎样将输入的数字一次性全部删除 3怎样选择密码 让它不显示 4 怎样实现在没有return的情况下点击button的情况下就能够使键盘页面下落5 怎样实现点击指定的button来对使指定的text进行键盘弹出 6怎样改变button按钮的状态
- 点击对话框上的按钮,实现弹出页面,页面在本界面显示?
- 点击按钮显示提示信息.NET