これは、私はあなたがposition: relative
を使用してそれを行うことができると確信していますが、絶対位置を使用して迅速かつ汚い最初のバージョンですが、ちょうど一般的な考え方(Fiddle)を示すために:
$(function(){
$('div').click(function(){
$('span.first').animate({
left: '-=50'
});
$('span.second').animate({
left: '+=50'
});
$(this).fadeOut();
});
})();
はHTML:
を
<html>
<body>
<div>
<span class="first">Na</span><span class="second">me</span>
</div>
</body>
</html>
CSS:
div {
position:relative;
background-color: red;
}
span { position: absolute; font-size: 20px; }
span.first { left: 50px }
span.second{ left: 73px }
これはグーグルでしたか? – Geekfish
「カーテンが好き」という意味ではわかりません。これは、イメージが中央でカットされ、次に2つの部分が接触している底部コーナーから剥がれることを意味する可能性がありますが、2つの部分がちょうど互いから滑り落ちることを意味する可能性もあります。同様に、テキスト(彼女の名前)が底から引き上げられることを意味することもあります。これはあまりにもあいまいです。 – wecsam