おすすめのVOD・スマホアプリ・スマホゲームアプリの紹介サイト

LAGRANGE BLOG

[気分jquery]マウスオーバーで背景画像を滑らかに変える[jquery] mouse over change background image


スポンサーリンク

jquery web制作

-jquery, web制作
-

□サイト内検索:

投稿日:2009/05/09 更新日:

人気【常時更新】ゲーム好きは一度はプレイしたい!面白くてハマるおすすめのスマホゲームランキング



サンプル:こんな感じで滑らかにマウスオーバーします。

jQuery: The Write Less, Do More, JavaScript Libraryよりjquery-1.3.2.min.jsをダウンロードする
下記ソースをheadタグに書く。
[source language="html"]
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(function() {
$("#info_btn li a").css("opacity","0");
//初期設定として画像のopacityを0にします。
$("#info_btn li a").hover( //hoverです。
function () {
$(this).stop().animate({opacity: 1}, 'slow');},
//マウスオーバー時にopacityを1にします。
function () {
$(this).stop().animate({opacity: 0}, 'slow');}
//マウスアウト時にopacityを0に戻します。
);
});
});
</script>
[/source]
css には下記を記述
[source language="html"]
#info_btn li{
list-style-type:none;
width:189px;
height:35px;
}

#info_btn {height:35px;margin:0;padding:0;}
#info_btn li a { display:block;height:35px;width:189px;text-indent:-9999px;}
#info_btn li#nav1 {background:url(../img/news_btn_off.jpg) no-repeat;}
#info_btn li#nav1 a {background:url(../img/news_btn_on.jpg) 0px -35px;}
[/source]


スポンサードリンク

□サイト内検索: 掲載アプリ数が増えてきました。攻略一覧表示で見つからないものなどは検索をご利用ください。

-jquery, web制作
-

空を翔ける新感覚MMORPG「イカロスM」が事前登録開始!

現在事前登録キャンペーン中! フェローと呼ばれるモンスターに乗って空を移動したり、仲間と一緒に空中で大きなボスと闘ったりと Unreal Engine4で描かれる美麗グラフィックで病みつきになりそうなMMORPG!

イカロスM」の事前登録はこちら(メールアドレス登録完了・LINE,Twitter,GooglePlayいずれかで事前登録完了)

「イカロスM」の"事前登録"はこちら

 

ストア高評価4.3!!全世界2,500万ダウンロード達成の本格ストラテジーRPG『アート・オブ・コンクエスト』

城を築いてドラゴンを育てて自軍の英雄を育てていく”兵士たちの反応が楽しい”本格ストラテジーRPG! 全世界2,500万ダウンロード達成で52カ国TOP10ランクインの実績があるアプリゲームです。
「アート・オブ・コンクエスト」の【レビュー】はこちら

 
スポンサーリンク

スマホアプリ攻略記事特集

Android,iPhoneスマホゲームアプリの攻略記事です。
他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

 

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

アプリレビュー

おすすめスマホゲーム・アプリ

最新スマホゲーム攻略はこちらから!

他にもたくさんアプリ攻略情報あり!他の Android,iPhoneゲームアプリ攻略情報を見る >>

おすすめ記事

カメラを止めるな! 1
2
3
4
5
6
7
8
9
10

-jquery, web制作
-

スポンサーリンク

Copyright© LAGRANGE BLOG , 2019 All Rights Reserved.