jQuery+H5 スペースバーを押してコードをランダムに描画します
コードセグメント:
関数 run(){
if(!open){
<!-- 関数が表示される速度をミリ秒単位で指定します-->
timer=setInterval(change,20);
//btn.removeClass('start').addClass('stop').text('stop');
開く = true;
}その他{
var height = $(imageName[nameNum]).css("height");
var width = $(imageName[nameNum]).css("width");
変数名 = $("#image").attr("src");
var imgClone = $("#image").clone(true).css("opacity",'0.7');
alldata.remove(名前);
imgClone.css({ "位置": "絶対", "上": "50px", "左": "50px"});
$("#imgDiv").parent().append(imgClone);
imgClone.animate({高さ:"150px",幅:"150px"},400);
imgClone.animate({left:$(imageName[nameNum]).offset().left,top:$(imageName[nameNum]).offset().top},600);
imgClone.animate({高さ:高さ,幅:幅},350,function(){
$(imageName[nameNum]).attr("src",name);
名前番号 = 名前番号 - 1;
});
clearInterval(タイマー);
//btn.removeClass('stop').addClass('start').text('抽選開始');
開く = false;
}
}
このサイトのすべてのリソースはネチズンによって提供されたもの、または主要なダウンロード サイトによって転載されたものです。ソフトウェアの整合性をご自身で確認してください。このサイトのすべてのリソースは学習の参考のみを目的としています。商業目的で使用しないでください。そうでない場合は、すべての結果に対して責任を負うことになります。侵害がある場合は、削除するためにご連絡ください。連絡先情報: admin@php.cn
関連記事
08 Aug 2016
: この記事では主に、GD ライブラリを使用して検証コードを生成し、画像上に漢字を描画する PHP について紹介します。PHP チュートリアルに興味がある学生は参照してください。
18 Jan 2017
jqueryをベースにした超リアルな雪景色の特殊効果です。この特殊効果は、jquery コードを使用して html5 キャンバス要素を動的にプラグインし、キャンバス内に雪の特殊効果を作成します。
18 Jan 2017
これは非常にクールな HTML5 SVG テキスト変形アニメーション効果です。この特殊効果はSVGとanime.jsを使用し、SVGストロークアニメーションによって様々な美文字アニメーション特殊効果を完成させます。
27 May 2017
これは非常にクールな純粋な CSS3 リアルな多層雲アニメーション特殊効果です。この特殊効果では、複数の透明な雲 PNG 画像を背景画像として使用し、CSS アニメーションを使用して雲の水平浮遊アニメーション効果を作成します…, HTML5 China、中国最大の HTML5 中国語ポータル。
01 Mar 2019
Web デザインのプロセスでは、HTML5 特殊効果コードをよく使用します。ここでは、php 中国語 Web サイトでコンパイルおよび共有されているクールで実用的な HTML5 特殊効果コードをいくつか紹介します。アプリケーションで自由に使用できます。
24 Jun 2016
html5+css3特殊効果をベースにした画像スライドショー切り替えコードを用意可能
16 May 2016
これは、現実の生活に咲く花火のアニメーション特殊効果をシミュレートするクールな HTML5 キャンバス アニメーションです。この HTML5 花火特殊効果を実装するプロセスとコードを簡単に分析してみましょう。コード、CSS コード、JavaScript コード。もちろん JavaScript コードが最も重要です。
12 May 2023
新しい描画アーティファクト sviewgui の導入。 sviewgui の概要 この GUI は matplotlib に基づいており、さまざまな方法で csv ファイルを視覚化できます。主な機能: Ⅰ 散布図、折れ線グラフ、密度プロット、ヒストグラムおよび箱ひげ図のタイプ; Ⅱ マーカー サイズ、線幅、ヒストグラムのビン数、カラー マップ設定 (cmocean から); Ⅲ グラフを利用可能な編集済み PDF として保存; IV コードグラフィックスを描画するためのパッケージは、sviewgui の外部で再利用および変更できるように利用可能です; プロジェクトのアドレス: https://github.com/SojiroFukuda/sview-gui このパッケージは使い方が非常に簡単です。
ホットツール Tags
Hot Tools
HTML5 キャンバスの心ときめくアニメーション特殊効果
HTML5 キャンバスのハートのはためきアニメーション特殊効果は、ブラウザで直接開いてハートを確認できる生成されたアニメーションです。
H5 パンダバウンスゲームのソースコード
HTML5 Mobile Panda もクレイジーなゲームのソース コードです。ゲームの説明: 画面を長押ししてパンダのバネの強さを調整し、石柱にジャンプします。川に落ちたらゲーム終了です。
HTML5 バレンタインデー ボックス アニメーションの特殊効果
svgをベースに、バレンタインデーのラブボックスギフトを開けるアニメーションと、ラブボックスアニメーションの特殊効果を描画します。
H5 3D ローリング ボール ゲームのソース コード
HTML5 クールな 3D ボールローリングモバイルゲームコードのダウンロード。ゲーム紹介: カラー ボールが転がり、マウスまたは携帯電話のタッチ スクリーンでカラー ボールをドラッグすることで、カラー ボールの現在のトラックを制御します。シンプルで操作しやすいモバイルゲームのソースコードです。