game-web-design https://blog.hatena.ne.jp/game-web-design/ PCゲーマーのWebデザイン備忘録 https://game-web-design.hatenadiary.com/ JS/jQuery jQueryのプラグインクロスフェードを使うことで、フェードして置換する事ができます。 jQueryの適応方法jQueryをヘッドで読み込ませます。 <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> クロスフェードプラグインを使う。CSS Crossfader 上記のリンクからcrossfaderをダウンロードする。htmlにプラグインを読み込ませます。場所はbodyの終了タグ前辺り。 <script src="js/bsn.Crossfader.js"></script> 置換を行う置換を行うために、置換を行う要素に… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgame-web-design.hatenadiary.com%2Fentry%2F2014%2F10%2F02%2F124258" title="【JavaScript】 クロスフェード（jQueryのプラグイン） - PCゲーマーのWebデザイン備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-10-02 12:42:58 rich https://game-web-design.hatenadiary.com/entry/2014/10/02/124258 1.0 100%