jQueryモバイルWeChatクレーンゲームコード
<スクリプト> window.onload=function(){ var k=0;//クリック可能 var c=0;//人形の scrollLeft();//人形のスクロール var talon=$(".pawerPic").offset().left+55//まず足の位置を取得します(ここは固定です) コンソール.ログ(タロン) /*変数を宣言します*/ var areaHeight=$("body").height()-150//アクティブ領域の高さ var long=areaHeight-115//爪が伸びる距離(人形の現在の高さは暫定的に115pxに設定されています;) /*アクティブ領域の高さに値を割り当てます*/ $(".エリア").css({高さ:エリア高さ}) /*人形の巻物*/ 関数scrollLeft(){ var速度=20; var yu=$("#sel1").html(); $("#sel2").html(ゆ); 関数マーキー(){ C++ if($("#sel2").width()-$("#pack").scrollLeft()<=0){ c=0 $("#pack").scrollLeft(c); }それ以外{ $("#pack").scrollLeft(c); } }//マーキー終了 var timer=setInterval(マーキー,速度); /*ボタンをクリック*/ $(".btn_star").bind('タッチスタート',function(){ $(this).css({display:"none"})//シンプルなボタンのスタイル $(".pawer").animate({height:long},2000);//下に伸ばす(ロープ) $(".pawerPic").animate({top:long+20},2000);//下に伸ばす(足) /*人形を捕まえた*/ 関数 fn(t_img){ $(".pawerPic").addClass("on"); $(".win img").attr("src",t_img) }; /*人形が消える*/ 関数end(){ $(".pawerPic").removeClass("on") } /*ボタンクリック*/ 関数 btn(){ $(".btn_star").css({display:"ブロック"}) }//ボタンをクリックできるかどうかを制御します /*人形が捕まったかどうかを判断します*/ if_ok=setTimeout(ok_no,2000); 関数 ok_no(){ /*現時点での各人形の位置を出力します*/ for(var i=0;i<$("#pack img").length;i++){ var l=$("#pack img").eq(i).offset().left+41.61//現時点での各人形の位置 if(l-20<=talon&&talon<=l+20){ alert("たわごとを捕まえた") var t_img=$("#pack img").eq(i).attr("src") time_zz=setTimeout(fn(t_img),0) 戻る } /*次に足の位置と比較してください*/ console.log("何も捕まりませんでした") } } /*イベント呼び出し*/ //time_zz=setTimeout(fn,2000);//人形を捕まえた time_xs=setTimeout(end,4000);//人形が消える time_ww=setTimeout(btn,4000);//ボタンクリック $(".pawer").animate({height:20},2000);//撤回(ロープ) $(".pawerPic").animate({top:40},2000);//引っ込める(前足) }) }//scroll左端 }//window.onload が終了します </script>
これは、拡張が簡単で楽しい jQuery モバイル WeChat クレーン ゲーム コードです。クレーンゲーム WeChat ミニ ゲームのソース コードをダウンロードします。
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
16 May 2016
この記事では主に jQuery の携帯電話ダイヤル インターフェイスの特殊効果を紹介します。全体的な特殊効果は非常にリアルで自然なので、必要な方はぜひ参考にしてください。
16 May 2016
この記事では主にjqueryモバイル端末でのTABタッチスクリーン切り替えの実装効果事例を紹介します。興味のある方は参考にしてください。
16 May 2016
この記事では、淘宝網モバイル Web ページのメニュー効果を実現するための jquery CSS3 を主に紹介し、jquery 操作ページ スタイルの動的変換とホット エリアの選択スキルを分析します。必要な友人は参考にしてください。 。
16 May 2016
jQuery プラグイン slick は、モバイル デバイスのタッチ スクリーンに適した、応答性の高いスライド可能な jQuery スライドショー プラグインです。このスライドショー プラグインは、さまざまな表示効果を設定でき、自動再生も可能です。モバイルファーストの jQuery スライドショー プラグインです。
16 May 2016
この記事では、モバイル スライダーのドラッグとデジタル効果の選択を実現する jQuery を主に紹介します。興味のある方は参考にしてください。
22 May 2020
Zepto は最新の高度なブラウザ用の軽量 JavaScript ライブラリであり、jquery と同様の API を備えています。 jquery を使用できる場合は、zepto も使用できます。
11 Apr 2023
jQuery Mobile は、開発者がスマートフォンやタブレットなどのモバイル デバイス用のアプリケーションをより迅速に作成できるようにする Web アプリケーション フレームワークです。 jQuery Mobile の使用方法は次のとおりです: 1. jQuery Mobile ライブラリの導入 まず、jQuery Mobile ライブラリ ファイルを HTML ファイルに導入する必要があります。 jQuery Mobile 公式 Web サイトからライブラリ ファイルをダウンロードし、HTML ファイル内で使用できます。
27 Feb 2024
jQuery モバイル UI フレームワークは、モバイル アプリケーションを開発するためのツールであり、豊富なインターフェイス コンポーネントとインタラクティブな効果を提供し、開発者が優れたモバイル ユーザー インターフェイスを迅速に構築できるようにします。この記事では、最も人気のある jQuery モバイル UI フレームワークのいくつかを検討し、読者がこれらのフレームワークをよりよく理解して使用できるように、具体的なコード例を示します。 1.jQueryMobiljQueryMobile は、HTML5 と CSS3 に基づくオープンソースのモバイル UI フレームワークです。
21 May 2019
jQuery Mobile は、jQuery フレームワークのコンポーネントです。 jQuery Mobile は、すべてのスマートフォン、タブレット、デスクトップ デバイスでレスポンシブな Web サイトやアプリにアクセスできるように設計された HTML5 ベースのユーザー インターフェイス システムです。
Hot tools Tags
Hot Tools
jQuery2019 バレンタインデー 告白 花火 アニメーション 特殊効果
Douyin で非常に人気のある jQuery バレンタインデーの告白花火アニメーション特殊効果で、プログラマーや技術オタクが愛する女の子に愛を表現するのに適しています。喜んでいるかどうかに関係なく、最終的には同意する必要があります。
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
Lauiui レスポンシブ アニメーション ログイン インターフェイス テンプレート
520 バレンタインデーの告白 Web アニメーション特殊効果
jQuery バレンタインデーの告白アニメーション、520 告白背景アニメーション
クールシステムのログインページ
クールシステムのログインページ
HTML5テープミュージックプレーヤー - CASSETTE PLAYER
HTML5テープミュージックプレーヤー - CASSETTE PLAYER