2020-09-04 htmlピュアhtmでマーキー効果+ css弾幕効果+ JSでノードのドラッグアンドドロップ+ソフトスキルのWebでのバッチ印刷を実現

2020-09-03トピックのソース:http://www.h-camel.com/index.html

[html]マーキー効果を実現するために純粋なHTMLを使用する方法

純粋なCSS、CSSアニメーション属性アニメーションで実現する必要があります。アクション名アニメーション時間速度曲線遅延再生時間

アニメーション:信号機5s線形0s無限;

[css] cssを使用して弾幕効果を使用する

アニメーション機能アニメーションtansformと組み合わせたdivの位置を変更します。

こちらのソースコードをご覧くださいhttps://blog.csdn.net/vampire10086/article/details/108703005

[js]ノードをドラッグアンドドロップするメソッドを記述します

アイデアは、非線のスタイルを変更し、マウスを使用してonmousemove onmouseupを移動してイベントを監視することです

https://blog.csdn.net/vampire10086/article/details/108704025

非インターラインスタイルを取得

window.getComputedStyle?window.getComputedStyle(element、false)[attr]:element.currentStyle(attr)

アレイの重複排除Array.from(new Set(arr))

配列の次元削減Array.prototype.concat.apply([]、arr);

【ソフトスキル】バッチ印刷をウェブに実装しましたか?達成するには?

Webはwindow.print()を使用してページ分割とバッチ印刷を実現します

https://blog.csdn.net/weixin_41488294/article/details/81705171

おすすめ

転載: blog.csdn.net/vampire10086/article/details/108704393