検索

ホームページ >ウェブフロントエンド >jsチュートリアル >シンプルでわかりやすい画像表示をjqueryで実装 example_jquery

シンプルでわかりやすい画像表示をjqueryで実装 example_jquery

WBOY
WBOYオリジナル
2016-05-16 17:13:031102ブラウズ

HTML代コード：

复制代 代码如下:











1

2

3

4



JS代:
复制代 代码如下:

<スクリプトタイプ="text/javascript">
$(document).ready(function(){
$("#box0").click(function(){
//$("#imgCon").slideUp(4200);
$("#imgCon").animate({top:'-225px'},"遅い");
$("#box1").click(function(){
$("#imgCon").animate({top:'-450px'},"slow");
$("#box2").click(function(){
$("#imgCon").animate({top:'-675px'},"遅い");
$("#box3").click(function(){
$("#imgCon").animate({top:'-900px'},"遅い")
});



CSS：代：



复制代
代码如下:

声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：nodeType 属性は、選択したノードのノード タイプを返します。次の記事：nodeType 属性は、選択したノードのノード タイプを返します。

関連記事

続きを見る