Houn

2022.05.02 Web制作

【jQuery】画像の表示・非表示を切り替える

【jQuery】画像の表示・非表示を切り替える

クリックすると隠れてた画像が表示される仕様を組んでみました。

実例的には”閲覧注意”の画像をサイト内に設置する必要があったからです。標準を非表示にして、クリックして初めて画像が現れるようにしました。

「表示するぞ?!いいんだな?」ってワンクッション置く感じでしょうか。

以下サンプルです。コピペで使えます。

HTML

CSS

jQuery

挫折しないWeb制作学習ならデイトラがお勧めです

詳細は下記バナーをクリックして、公式サイトを覗いてみてください。

お問い合わせ