2

達成したい効果があるが、それを達成する方法を正確に考えるのに苦労している. ここに私が達成したい効果の進行を示すいくつかの画像があります: http://imgur.com/a/In6IK

基本的に、テキストを含む複数のスライドがあり、それらを 1 つずつ自動的に表示します。現在のスライドを非表示にして次のスライドを表示するには、画像 (テキストの左側にある) を右にスライドさせ、テキストをカバー/非表示にしてから、スライドして元の位置に戻す必要があります。次のスライドのテキストが表示されます。

では、この効果を達成するにはどうすればよいでしょうか。

4

1 に答える 1

1

ここに生のアイデアがあります。たぶん、テキストを隠して非表示にするようにそれらを使用:afterして配置することができます。:before

HTML は次のようになります。

<div class="main">
  <div class="over"></div>
  <div class="text">This is some text</div>
</div>

CSS については、このフィドルhttp://jsfiddle.net/Zs2MU/を参照してください。

多分それはあなたの状況であなたを助けるでしょう。

UPD複数行のテキストをサポートする更新されたソリューションは次のとおりですhttp://jsfiddle.net/Zs2MU/2/

于 2013-01-10T08:13:30.737 に答える