gpt4 book ai didi

javascript - 如果浏览器不支持 3D 图像,则显示静态图像

转载 作者:行者123 更新时间:2023-11-28 11:23:38 25 4
gpt4 key购买 nike

如果浏览器支持 canvas,我想在我的 html 页面中插入 3d 图像,如果不支持,则插入静态图像。图像应在页面加载时动态插入。

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Hello Modernizr</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="modernizr.js"></script>
<script>
if (Modernizr.canvas)
{
$(document).ready(function()
{
$("p").show();
});
alert("This browser supports HTML5 canvas!");
}
else
{
$(document).ready(function()
{
$("p").hide();
});
}
</script>
</head>
<body>
<p>If you click on the "Hide" button, I will disappear.</p>eseardsa
</body>
</html>

最佳答案

您可以像下面的代码一样在您的 else 语句中添加图像。尽管您可能想要操作 div 而不是 p。

} else {
$(document).ready(function(){
$('p').text('<img src="yourImg.png" />');
}
}

关于javascript - 如果浏览器不支持 3D 图像,则显示静态图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21446213/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com