MY2 マイツー HP ホームページ 制作 岐阜県 大垣市 デザイン 作成 WEB ウェブ ホムペ アフェリエイト サイト site 


広告

ipad.iphoneでcssホバー(hover)アニメーション

ipad.iphoneマウスhover定義がないそうです。
ですからCSSでのhoverができません。
アニメーションなどはjqueryjavascriptでするしかありません。
めんどくさいって言えばそうですし、重いって言えばそうです。

なのでCSSの方法を考えました。
その結果CSSで作ったアニメーションボックスか親ボックス
touchstartというイベント追加します。

 

広告

 

 

$(function() {
$("ボックスID").bind({
touchstart: function () {
$(this).removeClass().addClass("空のクラス");
}
});
});
$(function() {
$("ボックスID").bind({
touchend: function () {
$(this).removeClass("空のクラス").addClass();
}
});
});

 

上のjavascriptを記載して
touchstartというイベントでclass追加させます。
touchstartは押してる間を意味します。追加されるclassのCSSは何も書きません
だたclassを追加させてipad.iphoneにコンテンツの動きがあったと認識させて
本来のCSSアニメーションを動かすしくみになってます。
これでhover時のcssアニメーションがオーケーです。

作成者 : MY2 マイツー HP ホームページ 制作 岐阜県 大垣市 デザイン 作成  WEB ホムペ

広告

広告
広告


阿里巴巴(アリババ1688)代行はじめました。

  個人輸入代行、阿里巴巴(アリババ1688)代行はじめました。 ・手数料 商品代金の5%から 中国国内送料 国際送料 基本1kg110元から ・すべて中国元での料金ですのでその時のレートで金額かわります。 ・基本はチャット、メール、電話での取引になります。 ・OEM(オリジナル商品)も承ります。 ・工場への見学や通訳もできます。 アリババサイトはこちら 取引先の中国サプライヤーは信用があるため不良品は本当にすくないです。  

Read More

スマホ対応

スマホ対応ページもプラス30000円 〜

Read More

オプション

オプション20000円分無料です。

Read More

ショッピングサイトも。。

ショッピングサイトもできます。。

Read More

制作事例もみてね^^

制作事例もみてね^^

Read More


広告



©MY2 マイツー HP ホームページ 制作 岐阜県 大垣市 デザイン 作成  WEB ホムペ All Rights Reserved.

PC
表示
スマホ
表示