弹出点击按钮

时间:2016-08-18 22:22:40

标签: javascript jquery html css

我已经使用插件创建了一个照片库,当用户on_click我的主页按钮时,我想要显示此图库。

我不知道如何实现这一目标,请帮助我。

这是我的按钮代码:

<div class="ow-button-base ow-button-align-center">
    <a class="ow-button-hover" target="_blank" id="introduction" onclick="intro_on">
        <span>Click me to see gallery</span>
    </a>
</div>

这是我的照片库代码:

<div class="huge_it_slideshow_image_wrap_1" style="max-height: 1800px; overflow: visible;">
<div id="huge_it_loading_image_1" class="display" style="display: none;"></div>

3 个答案:

答案 0 :(得分:1)

$('#introduction span').click(function(){$('#huge_it_loading_image_1').show();});

答案 1 :(得分:0)

您可以使用jQuery show()函数:

$(” huge_it_slideshow_image_wrap_1" 。)显示();

但您需要在css文件中将显示设置为none。

答案 2 :(得分:0)

这个简单的任务你不需要jquery。

在文档底部输入一个脚本标记,其中包含一些javascript代码。

<script>
    function intro_on() {
        document.getElementById("huge_it_loading_image_1").style.display = 'block'; 
    };
</script>

您还需要将html中的onclick更新为&#34; intro_on()&#34;所以它可以作为javascript函数执行。