如何使用 Javascript if 语句验证 CSS 背景图像 URL

问题描述 投票:0回答:0

我的目标是通过单击按钮制作的这些 gif 进行无缝的打开和关闭过渡。逻辑是检查元素(.boot)id 的 url。如果 url 匹配,则打印 hello world。但它什么也没做。

CSS:

.boot {
    width: 1000px;
    height: 1000px;
    background-image:url(Videos/printgifstart.GIF);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: fixed;
    bottom: -150px;
    right: 105px;
    z-index: 100;
}

HTML+Javascript:

<div class="Logo2" id="blogo">
                                                                                                                        <h1></h1>
                                                                                                                        <div class="MirroredSmiles"></div>
                                                                                                                        <button id="ticketb" class="ticketb"
                                                                                                                            style="height:100px;
                                                                                                                                width: 75px;
                                                                                                                                position: fixed;
                                                                                                                                top: 335px;
                                                                                                                                left: 200px;
                                                                                                                                opacity: 0%;"
                                                                                                                                onclick="tixbPLS">
                                                                                                                        </button>

                                                                                                                            <script>
                                                                                                                                var tix = document.getElementsByClassName('ticket');
                                                                                                                                var tixb = document.getElementById('ticketb');
                                                                                                                                var tixc = document.getElementById('ticketc');
                                                                                                                                var sart = document.getElementById('shopdrawing');
                                                                                                                                var sart2 = document.getElementById('shopdrawing2');
                                                                                                                                var sart3 = document.getElementById('shopdrawing3');
                                                                                                                                var sbakdo = document.getElementById('backdoor2');

                                                                                                                                tixb.addEventListener('click', tixbPLS);

                                                                                                                                function tixbPLS() {
                                                                                                                                    if (document.getElementById('boot').style.backgroundImage = url('Videos/printgifstart.GIF'))
                                                                                                                                    {
                                                                                                                                        alert("hello! world!");
                                                                                                                                    }
                                                                                                                                }
                                                                                                                            </script>
                                                                                                                    </div>

我想也许某处的代码总体上有问题。所以我使用随机数学方程式做了一个 if 语句,打印函数像正常一样工作。

if 处的那条单数线似乎有问题

我尝试了与在线查看不同的语法,它适用于其他人但不适用于我。

我还以为视频可能不起作用。即使有图像,代码也不起作用。

我什至将 CSS "('Videos/printgifstart.GIF')" 上的脚本中显示的语法与单引号匹配,但它仍然不起作用。

javascript css url background-image
© www.soinside.com 2019 - 2024. All rights reserved.