您的位置:首页 > Web前端 > CSS

点击按钮,弹出信息的显示

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/>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css
相关文章推荐