JQueryでSwapImagesの覚え書き
JQueryでSwapImageさせようと思い、
奇麗なソースがないかと調べていたところ、
chobugyoさんの[jquery]ないのでつくってみた「jquery SwapImage Menu」に端的なコードがあったので参考にさせていただく事にしました。
コードは以下、記事、ありがとうございます。参考にさせていただきます。
$(function(){
$("#buttons a").hover(function(){
var picture = "images/" + $(this).attr("class") + ".jpg";
$("#swapimage .floatPicture:visible").fadeOut("fast",function(){
$("#swapimage .floatPicture:hidden").fadeIn("fast").attr("src",picture);
});
$("#swapimage a").attr({
href:$(this).attr("href"),
title:$(this).attr("title")
});
$("#swapimage .basePicture:visible").fadeIn("fast").attr("src",picture);
});
});Comments
Powered by Facebook Comments
この記事を読んだ方は下記も投稿も読んでいます
- Facebookの友達リストを非表示にする方法
- Facebookの友達リストを非表示にする方法(タイムライン編)
- 文字コードをWEB上で変換してくれるサイト[文字コード変換WEB「mozicode」]
- Macintoshで安心定期バックアップ「Carbon Copy Cloner」の使用方法
- MAMPのMySQLをターミナルから動かすステップ その1
コメント・トラックバック
コメントする


