Question

我试图将单词（图像逐个）与其背景（曲线/拱形）重叠，元素应连续出现。到目前为止，我只能使用gif，制作动画，重叠bg图像，我尝试幻灯片或其他效果，但没有给我想要的动画，请参考一些好方法来做这个而不是gif .. 此外，是否有任何提示可以使组件没有关闭，但即使浏览器大小不同，确切的位置？非常感谢您的帮助！

＆＃13;

$(function(){$('.woodpanel').hide();}); 
setTimeout(function(){$(".woodpanel").effect('bounce', 1200);},2000); 
$(function(){$('.slogantext').hide();}); 
    
    

setTimeout(function(){ $(".slogantext").toggle("slow","top");},2400);

＆＃13;

<div class="woodpanel" style="width: 1270px; position:absolute; top:2%;left:50%;margin-left:-635px;text-align: center;">
<img id="woodbg" src="https://app.box.com/shared/static/4hxnuu5nl1m0xtmamx97qh7z0dp99rpo.png"
    style="overflow:hidden; margin: 0 auto;"alt="woodbg">
  <div class="slogantext" style="overflow:hidden;display:block;position:absolute;margin-top:-235px;margin-left:135px;z-index:7;">
<img src="https://app.box.com/shared/static/hxjovfl51r7ooqs3jm30xp5za97hsph1.gif" alt="woodwordtest"style="width:100%;"></div>   
 </div>

＆＃13;

如何将元素与曲线一起移动并逐个js出现？

0 个答案: