HTML：
コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > QQスペーストップ折りたたみティアエフェクトサンプルcode_jquery

QQスペーストップ折りたたみティアエフェクトサンプルcode_jquery

WBOY
リリース： 2016-05-16 16:44:37
オリジナル
1325 人が閲覧しました

效結果：
QQスペーストップ折りたたみティアエフェクトサンプルcode_jquery
HTML：

复制代代码如下:






JS：
复制代码代码如下:

$ (document).ready(function(){

$("#pageflip").hover(function(){
$("#pageflip img , .msg_block").stop().animate ({幅: '307px', 高さ: '319px'}, 500);
},function(){
$("#pageflip img").stop().animate({幅: '50px ', 高さ: '52px'}, 220);
$(".msg_block").stop().animate({幅: '50px', 高さ: '50px'},
} );

});
関連ラベル：
QQスペース
ソース：php.cn
前の記事：jQuery_jqueryで実装したオリジナル画像比較カーテンエフェクト 次の記事：jQuery フィルター メソッド filter() は特別な属性を持つ要素を選択します_jquery
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS を使用して Next.js の三目並べボードの各行の下のスペースを削除するにはどうすればよいですか? 各行の下にスペースがあるのはなぜですか? (CSS) 自分のスキルをテストするために Next.js 三目並べアプリを作成しようとしています。ただし、CSSに問題があります。ボード...
から 2024-04-05 11:39:02
0
1
1431
Boostrap 4 に対応するようにこれらのカードを調整するにはどうすればよいですか? 各行に 4 枚のカードを表示し、画面サイズが変更された場合にそれらを重ねて表示するにはどうすればよいですか。理想的には、それらの間にある程度のスペースがある必要があります。研究でき...
から 2024-04-05 10:48:45
0
1
4072
DIV を両側のコンテンツに合わせて中央揃えにします したがって、(含まれる DIV 内に) 5 つの項目があります。項目の並びは以下の通りです。 テキスト 画像 DIV 画像 テキスト DIVを中心にして画像がDIVを「抱き締める」...
から 2024-04-04 23:19:14
0
1
3438
2つの異なるテーブルの2つの列の値を比較しようとしています tableA と tableB という 2 つのテーブルがあります。テーブル A には 4 つの列があり、テーブル B には 3 つの列があります。テーブル A の最後の列は空白で...
から 2024-04-04 20:05:03
0
1
280
ブートストラップを使用した無線要素の分離: ステップバイステップ ガイド 何千もの方法を試しましたが、これに適したスタイルやスペースを見つけることができません。ブートストラップを使用する必要があります。このように見えるようにする必要がありますが、私のコー...
から 2024-04-03 09:41:55
0
1
401
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート