我做的就是四張圖片輪回出現(xiàn),然后再Edge里面是能實(shí)現(xiàn)的。但是在Safari中第一張出現(xiàn)后就直接沒(méi)有了?。我自己感覺(jué)問(wèn)題是出現(xiàn)在Safari?不能正常調(diào)試<ul>中的onmouseout方法上或者是opacity這個(gè)屬性上。希望有哪位大神可以幫幫忙 幫我找出解決問(wèn)題的方法。謝謝啦js部分:s?=?2;
function?a()?{
????for?(i?=?1;?i?<=?4;?i++)?{
????????document.getElementById(i).style.opacity?=?'0';
????}
????document.getElementById(s).style.display?=?'block';
????document.getElementById(s).style.opacity?=?'1';
????s++;
????if?(s?>?4)?s?=?1;
???
}
t?=?setInterval("a()",?"2000");
function?c()?{?t=setInterval("a()",?"2000");}
function?b()?{?clearInterval(t);?}css部分:.q?li?
???{
????position:absolute;??
????display:none;
????transition:?opacity?2s;
????opacity:0;
????list-style:none;
????}html部分:<ul?onmouseover="b()"?onmouseout="c()"?class="q">?
?<li?id="1"?style="display:block;opacity:1;"><img?style="z-index:1;"?src="image/1.jpg"?/>?
??????<div?class="r">
?????<span?class="c">1?of?4</span>
?????<a?>學(xué)院是浙江省人才培養(yǎng)模式創(chuàng)新實(shí)驗(yàn)區(qū)</a>
?????</div>
?????
?????<div?class="qiehuan">
????<div?class="qiehuan1">
?????<a?href="javascript:;"?onclick="e()"??>?<font?color="white"?size="10px"?>?</font></a>
?????</div>
?????????<div?class="qiehuan2"?>
???????<a?href="javascript:;"?onclick="f()">?<font?color="white"?size="10px"?>?</font></a>
?????????</div>?
?????</div>
?</li>
?<li?id="2"><img?style="z-index:2;"?src="image/2.jpg"?/>?
??????<div?class="r">
?????<span?class="c">2?of?4</span>
??????<a?>學(xué)院是浙江省人才培養(yǎng)模式創(chuàng)新實(shí)驗(yàn)區(qū)</a>
?????</div>
?????????
?????<div?class="qiehuan">
????<div?class="qiehuan1">
?????<a?href="javascript:;"?onclick="e()">?<font?color="white"?size="10px">?</font></a>
?????</div>
?????????<div?class="qiehuan2"?>
???????<a?href="javascript:;"?onclick="f()">?<font?color="white"?size="10px">?</font></a>
?????????</div>?
?????</div>
?</li>
?<li?id="3"?><img?style="z-index:3;"?src="image/3.jpg"?/>?
??????<div?class="r">
?????<span?class="c">3?of?4</span>
??????<a?>學(xué)院是浙江省人才培養(yǎng)模式創(chuàng)新實(shí)驗(yàn)區(qū)</a>
?????</div>
?????<div?class="qiehuan">
????<div?class="qiehuan1">
?????<a?href="javascript:;"?onclick="e()">?<font?color="white"?size="10px">?</font></a>
?????</div>
?????????<div?class="qiehuan2"?>
???????<a?href="javascript:;"?onclick="f()">?<font?color="white"?size="10px">?</font></a>
?????????</div>?
?????</div>
?</li>
?<li?id="4"><img?style="z-index:4;"?src="image/4.jpg"?/>?
?????<div?class="r">
?????<span?class="c">4?of?4</span>
??????<a?>學(xué)院是浙江省人才培養(yǎng)模式創(chuàng)新實(shí)驗(yàn)區(qū)</a>
?????</div>
?????<div?class="qiehuan">
????<div?class="qiehuan1">
?????<a?href="javascript:;"?onclick="e()">?<font?color="white"?size="10px">?</font></a>
?????</div>
?????????<div?class="qiehuan2"?>
???????<a?href="javascript:;"?onclick="f()">?<font?color="white"?size="10px">?</font></a>
?????????</div>?
?????</div>
?</li>
</ul>
js在瀏覽器中不執(zhí)行怎么辦?
第七科灬水高
2017-08-11 17:58:46