0

コンテナ div の下に非表示にしたい「広告」を配置する Web サイトを作成していますが、まだその先端を見ることができます。カーソルを合わせるとコンテナの下からスムーズに出てくるようにしたいです。そして、カーソルを削除すると、コンテナの下の最初の位置に戻りたいと思います。簡単なcss、jquery、またはJavaScriptを使用できることを知っている人はいますか?

ありがとう！

編集

すべての応答に感謝します! わかりにくかったり、質問が少しわかりにくかったりしたら申し訳ありませんが、画像が右側のコンテナの後ろから背景のある場所まで水平にスムーズに移動するようにしたいです。すぐに飛び出すだけでなく、動かしたいのです。だから私は基本的に私の写真がコンテナの下からスムーズに前後に移動したいと思っています。写真の先端にカーソルを置くと、コンテナの下の位置からゆっくりと移動し、離すとゆっくりと戻ります。タイトルが少し誤解を招くものだったことがわかりました。申し訳ありません。誰かが私を助けてくれることを願っています!

4

3 に答える 3

2 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$(document).ready(function(){
$("#demo").on({
    mouseenter: function() {
var str = "background-color:red;  height: 100px; width: 100px";
$(this).attr("style", str);
    },
    mouseleave: function() {
var str = "background-color:red;  height: 10px; width: 10px";
$(this).attr("style", str);
    }
});
});

</script>

<div id="demo" style="background-color:red;  height: 10px; width: 10px"> <br/><br/><br/></div>
于 2013-10-16T21:15:59.583 に答える
0

jQueryホバーメソッドを使用します。

$("#demo").hover(
    function() {
        $(this).css({'background-color', 'red'}).height(100).width(100);
    },
    function() {
        $(this).css({'background-color', 'red'}).height(10).width(10);
    }
);
于 2013-10-16T21:25:08.877 に答える