ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery_jquery での文字列置換による大きい画像と小さい画像の切り替え

jQuery_jquery での文字列置換による大きい画像と小さい画像の切り替え

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

中心となるのは、replace を使用して img src の画像パスを置き換え、異なるサイズの画像を切り替えることです。

下のアニメーションは、「大きい画像」ボタンをクリックして画像のソースを変更し、大きい画像を読み込み、「小さい画像」ボタンをクリックすると再び小さい画像を表示します。

replace の使い方の簡単な説明:
私も実は初心者なのでハイハンのことがよく分かりません。
String.replace(a,b); は、文字列の a を含む部分を b に置き換えることを指します。たとえば、文字列 obj="welcome to my website!"; "); は、文字列 jb51net を使用して文字列 obj 内の my を置き換えることを指します。

興味がある場合は、次のコードをテストに使用できます:

コードをコピーします コードは次のとおりです。次のように:

var obj="私の Web サイトへようこそ!";
var newobj=obj.replace("my","jb51net's");

学習すべき内容はサンプル ページにあります。

コアコード:

コードをコピー コードは次のとおりです: