我正在一个网站上工作.我有一个我display: none在CSS中设置的图像.我使用JavaScript来显示它并在页面加载完成后将其滑入.它工作得很好.
我想启动网站,禁用JS,看看会发生什么.我重新加载了网页,图像根本没有显示.这是正常的,因为它已display: none在CSS中设置.
这是我的问题:这个解决方案是什么?我想要一种情况,即使在浏览器中禁用JS,用户仍然可以看到图像.我不希望图像在此时滑入,但我希望它只是加载和显示在网页上的任何其他东西.
请我在网站上工作.我想要一个主页上的情况,在整个页面加载后,一个男人站立的图像会滑动1或2秒.我需要有人用codepen示例来帮助我.
下面是我在head部分插入的代码.我将图像设置为在css中显示:none,但是当我刷新时,我发现它不起作用.#man是图像的id.
感谢你.
$(function() {
$("#man").one('load', function () {
$(this).show("slide", { direction: "up" }, 2000);
}).each(function() {
if(this.complete)
$(this).load();
});
});
Run Code Online (Sandbox Code Playgroud)