我的目标是通过单击按钮制作的这些 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')" 上的脚本中显示的语法与单引号匹配,但它仍然不起作用。