Javascript 显示模式弹出窗口'；行不通标题_Javascript

Javascript 显示模式弹出窗口'；行不通标题

javascript

Javascript 显示模式弹出窗口'；行不通标题,javascript,Javascript,内容可以放在这里 JSFIDLE链路以下是您的代码中缺少的内容：显示CSS文件的链接 <div class="salt"> <a href="#" data-reveal-id="myModal" data-animation="fadeAndPop"> <img src="img/CLR.jpg" width="116px" height="48px"> </a> </d

内容可以放在这里

JSFIDLE链路

以下是您的代码中缺少的内容：显示CSS文件的链接

<div class="salt">
        <a href="#" data-reveal-id="myModal" data-animation="fadeAndPop">
            <img src="img/CLR.jpg" width="116px" height="48px">
        </a>
    </div>

    <div id="myModal" class="reveal-modal">
        <h1>Title</h1>
        <p>content could go in here.</p>
        <a class="close-reveal-modal">&#215;</a>
    </div>
</div>

包括jquery 1.4.4或更高版本并包括jquery 此操作所需的文件可以从以下位置下载：因此，您的代码应该如下所示：

<link rel="stylesheet" type="text/css" href="reveal.css">


情态标题
任何内容都可以放在这里
×

您可以为此添加JSFIDLE吗？这是JSFIDLE。。。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="reveal.css">
    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.reveal.js"></script>
</head>
<body>
    <div class="salt">
        <a href="#" data-reveal-id="myModal" data-animation="fadeAndPop">
            <img src="img/CLR.jpg" width="116px" height="48px"/>
        </a>
    </div>

    <div id="myModal" class="reveal-modal">
        <h1>Modal Title</h1>
        <p>Any content could go in here.</p>
        <a class="close-reveal-modal">&#215;</a>
</div>
</body>
</html>