gpt4 book ai didi

javascript - 使图像闪烁并自动调整大小以适应浏览器

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

我一直在研究这个 html 代码,它允许图像闪烁并自动调整大小以适应浏览器大小。我的代码可以让它闪烁:

    <html>
<head>

<script type="text/javascript">

function blink() {
var e = document.getElementById("blinker");
e.style.visibility = ( e.style.visibility == 'visible' )? 'hidden' : 'visible';
setTimeout("blink();", 1000);
}

</script>

<body onload="blink();">
<table id="table">
<tr><td>
<img id="blinker" src="plesk_logo_fist_2.png">
</td></tr>
</table>
</body>
<style type="text/css">
html, body {
max-width:100%;
max-height:auto;
}
#table {
max-width:100%;
max-height:auto;
text-align: center;
vertical-align: middle;
}
#table img {
max-width:100%;
max-height:auto;
}
</style>

以及调整大小的代码:

    <html>
<head>
<style>
* {
padding: 0;
margin: 0;
}
.fit { /* set relative picture size */
max-width: 100%;
max-height: 100%;
}
.center {
display: block;
margin: auto;
}
</style>

</head>
<body>

<img class="center fit" src="plesk_logo_fist_2.png">

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" language="JavaScript">
function set_body_height() { // set body height = window height
$('body').height($(window).height());
}
$(document).ready(function() {
$(window).bind('resize', set_body_height);
set_body_height();
setTimeoutInterval(2000,function(){$
(".element").css({backgroundColor:"none"});});
});

</script>

但是,我似乎无法让它们一起工作。非常感谢任何帮助使它们一起工作(或使用替代方法)的帮助。

最佳答案

将您的功能闪烁脚本放在您设置的高度脚本的正上方。

关于javascript - 使图像闪烁并自动调整大小以适应浏览器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28547297/

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