上回一邊看了一邊寫了以后出了bug,刪了幾行代碼又好了,因?yàn)椴皇呛苊靼鬃饔?,就特地?lái)問(wèn)一下
上回一邊看了一邊寫了以后出了bug,刪了幾行代碼又好了,因?yàn)椴皇呛苊靼鬃饔茫吞氐貋?lái)問(wèn)一下
1.
?//7.增加 #main_background?
? ? ? // g('template_main').innerHTML+=tpl_main.replace(/{{index}}/g,data[i].img).replace(/{{h2}}/g,data[i].h1).replace(/{{h3}}/g,data[i].h2);
? ? ? // g('main_'+i).id='main_background';
//7.2 切換時(shí),復(fù)制上一張幻燈片到main_background中
? ? ? // setTimeout(function(){
? ? ? // ? g('main_background').innerHTML=main.innerHTML;
? ? ? // },1000)
這個(gè)main_background有什么用,沒(méi)了他我的bug反倒好了
2.
.slider .main .main-i .caption{
? ? ? ? position: absolute;right: 50%;top: 30%;z-index:9;margin-right: 13%;
? ? ? ? }
? ? ? ? .slider .main .main-i .caption h2{
? ? ? ? font-size: 40px;
? ? ? ? line-height: 50px;
? ? ? ? color: #B5B5B5;
? ? ? ? text-align: right;
? ? ? ? }
? ? ? ? .slider .main .main-i .caption h3{
? ? ? ? font-size: 70px;
? ? ? ? line-height: 70px;
? ? ? ? color: #000000;
? ? ? ? text-align: right;
? ? ? ? font-family: 'Open Sans Condensed';
? ? ? ? }
? ? ? ?.slider .main .main-i h2,
? ? ? ?.slider .main .main-i h3{
? ? ? ?opacity: 0;
? ? ? ?-webkit-transition: all .8s 1s;
? ? ? ?-o-transition: all .8s 1s;
? ? ? ?transition: all .8s 1s;
? ? ? ?}
? ? ? ?.slider .main .main-i h2{
? ? ? ?margin-right: 45px;
? ? ? ?}
? ? ? ?.slider .main .main-i h3{
? ? ? ?margin-right: -45px;
? ? ? ?}
? ? ? ?.slider .main .main-i_active h2,
? ? ? ?.slider .main .main-i_active h3{
? ? ? ?margin-right: 0px;
? ? ? ?opacity: 1;
? ? ? ?}
這是我整理的h2h3所用css,求大神說(shuō)明動(dòng)畫(huà)出現(xiàn)的主要過(guò)程,還有,有沒(méi)有簡(jiǎn)化的
2016-12-22
main-i_right要在css設(shè)置樣式,主要是方向問(wèn)題
2016-06-20
還有一個(gè)問(wèn)題.replace(/{{css}}/g,['','main-i_right'][i%2]);
為什么要設(shè)置main-i_right,有沒(méi)有不是都一樣嗎