A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
yuga.jsはまったく知りませんが、jQueryベースみたいなのでjQueryでのサンプルです。
方法はいろいろあると思いますので、一例です。
* class="fade"の画像が対象。
* 画像の拡張子はとりあえず.jpg .gif .pngの3種類にしてあります。
* 速度はデフォルトになっているので、適当に設定しなおしてください。
(全角空白は半角に)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head><title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
</head>
<body>
<p><img src="A.jpg" alt="" class="fade">
<p><img src="B.jpg" alt="" class="fade">
<p><img src="C.jpg" alt="" class="fade">
<script type="text/javascript">
(function(){
$("img.fade").hover(
function(){ fade.call(this, 1); },
function(){ fade.call(this, 0); }
);
function fade(c){
var obj = $(this);
var src = obj.attr("src");
obj.stop().animate({opacity: 0}, function(){
src = src.replace(/_on\.(jpg|gif|png)$/, "\.$1");
if(c) src = src.replace(/\.(jpg|gif|png)$/,"_on\.$1");
obj.attr("src", src).animate({opacity: 1});
});
}
})();
</script>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- JavaScript HTML,JS初心者です。 2つのselectボックスが有り その選択の組み合わせにより 指定した文 3 2022/03/31 23:35
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- JavaScript functionはhtmlやjsに2度使えませんか 2 2022/08/03 19:55
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- バックアップ アプリJSバックアップについてGalaxynote2を使ってます。 バックアップしても本体ストレージ 1 2022/06/28 03:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jquery ui.resizable 使い方
-
ajaxのwindow.jpで、小窓表示後...
-
ebayの返信で『 Message may no...
-
同HTML内で複数のjQueryを設置...
-
jqueryが動作しない
-
<a href="#" …>の意味を教えて...
-
HTMLでサブフレームから親のス...
-
あなたのXAMPPのdashboard内のj...
-
javascriptとApacheの設定
-
bodyにidをつける理由は何ですか?
-
【Google Apps Script】「ライ...
-
GoogleChart 階層ごとのブロッ...
-
テキストボックス内にハイパー...
-
別ファイルのfunctionの読み込み方
-
getElementsByNameで要素が取得...
-
スクロールバーのスクロール量...
-
初心者javascript ウィンドウサ...
-
AjaxでDBから取得したデータを...
-
onbeforeunload時のwindow.open...
-
POSTで<a hrefを送る方法について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
base64encodeでの文字化けについて
-
複数のjavascriptを使うと動か...
-
jqueryでのkeydownイベント発生...
-
Jqueryの干渉について
-
Base64に変換したHTMLの<script...
-
プラグイン無しでContactform7...
-
jQuery-datepicker on IE8
-
サイトにアクセスした際、数秒...
-
jQueryでloadした要素の操作が...
-
javaスクリプトについて質問で...
-
jqueryについて(Lightboxとbxs...
-
jQuery が動作しません。
-
jQuery UIのdraggableについて
-
scrollsmoothly.jsが動かない
-
jQueryのタブにスクロールバー...
-
画像をランダムにフェードイン
-
音楽再生用jQueryプラグイン「j...
-
colorboxの直接呼び出し方法に...
-
jQueryのdraggable縦書き出来ま...
-
Camera slideshowの使い方について
おすすめ情報