Javascript 添加淡入和；刷新时淡出_Javascript

Javascript 添加淡入和；刷新时淡出

javascript

Javascript 添加淡入和；刷新时淡出,javascript,Javascript,我真的不知道如何写JS 我有这个代码，我用它来循环2页，我试图在刷新时添加淡入/淡出效果基本上，我的意思是，我想有一个淡入/淡出效果，每次我帧刷新，我没有关于如何做的线索我是新手，请帮忙谢谢代码：变量页=[ “第1页”， “第2页” ]，p=页数。长度；而（--p>-1）{ （职能（p）{ var a=document.createElement（'a'）； a、 href=页面[p]；页数[p]=a； })（p） )； } 函数loadIframe（）{ var page=pa

我真的不知道如何写JS

我有这个代码，我用它来循环2页，我试图在刷新时添加淡入/淡出效果

基本上，我的意思是，我想有一个淡入/淡出效果，每次我帧刷新，我没有关于如何做的线索

我是新手，请帮忙

谢谢

代码：


变量页=[
“第1页”，
“第2页”
]，p=页数。长度；
而（--p>-1）{
（职能（p）{
var a=document.createElement（'a'）；
a、 href=页面[p]；
页数[p]=a；
})（p） )；
}
函数loadIframe（）{
var page=pages[（p=++p%pages.length）]，bust='bustcache='+new Date（）.getTime（）；
page=page.search？page.href+'&'+半身像：page.href+'？'+半身像；
document.getElementById（'if_one'）。src=page；
setTimeout（loadIframe，15000）；
}
loadIframe（）；

此解决方案使用了一些jQuery。为了便于说明，我正在加载

html（）

函数，但是如果需要，可以使用

我在这里做一些假设

您希望您的网页在一个页面和另一个页面之间切换
在我的例子中，你希望它以一定的间隔重新加载，这是3000毫秒或3秒，我想你希望它是15秒

pages=['https://google.com“，”第2页“，”第3页“，”第……页“]；
$（文档）.ready（函数（）{
$（'.item'）.html（第[0]页）；
clearInterval（）；
计数=0；
setInterval（函数（）{
if（count==pages.length）{
计数=0；
}
$（'.item'）.html（页面[计数]）.animate({
“不透明度”：1
}, 700)
计数++；
}, 3000)
})

.item{
不透明度：1；
}
法丹先生{
不透明度：0；
}
.淡出{
不透明度：1；
}


项目

您的问题很不清楚。你到底想淡入淡出什么，标签的文本？看起来更像是一个CSS动画问题，而不是javascript。就我个人而言，我可能不会使用iFrame，但视情况而定，iFrame不是纯粹的邪恶：）这个问题的可能重复：基本上我的意思是，每次刷新时我都希望有淡入淡出效果，我不知道如何做。

<html>
<style type="text/css">
<!--
body {
    overflow:hidden;
}
#container{
    width:1900px;
    height:1080px;
    border:0px solid #000; 
    overflow:hidden;
    margin:auto;
}
#container iframe {
    width:1920px;
    height:1180px;
    margin-bottom:-100px;
    margin-top:-30px;   
    border:0 solid;
 }
-->
</style>
<div id="container">
<iframe id="if_one" src=""></iframe>
</div>

<script type="text/javascript">
var pages = [
    'Page 1',
    'Page 2'
], p = pages.length;
while(--p > -1){
    (function(p){
        var a = document.createElement('a');
        a.href = pages[p];
        pages[p] = a;
    })(p);
}

function loadIframe() {
var page = pages[(p = ++p % pages.length)], bust = 'bustcache=' + new Date().getTime();
page = page.search? page.href + '&' + bust : page.href + '?' + bust;
document.getElementById('if_one').src = page;

setTimeout(loadIframe, 15000);
}
loadIframe();
</script>

</html>