最新亚洲AV网址_国产精品vr无码专区_美国精品一区二区三区四区五_亚洲无码国产精品_换妻社区国产精品,完美世界有声小说,完结小说排行榜,有声小说打包下载

微信掃碼登錄 ×
原生js數字滾動累計代碼

原生js數字滾動累計代碼

收藏
原生js數字滾動累計代碼
純js數字滾動插件,默認設置數值,到達指定數值停止滾動效果。

使用方法:

1、head引入css文件

<style>
	@font-face {
		font-family: unidreamLED;
		src: url("./fonts/UnidreamLED.ttf");
		/* IE9+  HTML節點的lang="en" 記得去掉,不然會谷歌瀏覽器會自動翻譯導致字體不正確 */
	}

	body{
		background-color: #000;
	}

	.number{
		font-family: unidreamLED;
		font-size: 64px;
		color : #fff;
	}

	.to__led-number {
		position: relative;
		margin-right: 9px;
		font-size: 50px;
		width: 38px;
		height: 70px;
		padding: 0.25rem 0;
		text-align: center;
		border: 2px solid rgba(105, 123, 148, 0.5);
		background-color: rgba(0, 0, 0, 0.5);
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
	}

	.to__led-number--no {
		width: 19px;
		background: unset;
		border: none;
	}
</style>

2、head引入js文件

<script type="text/javascript" src="./js/index.js"></script>

3、body引入HTML代碼

<div class="number"></div>

<script type="text/javascript">
	var dom = document.querySelector(".number")
	var digit = new Digit({
		number : 1234582.52, // 到達指定數值停止滾動
		finish : 5, // 整體完成時間
		speed : 1, // 數值越大,越多數字同時進行翻滾,取值范圍(1 ~ 10)
		direction : "right", // 動畫方向
		dom : dom, // 在指定dom節點插入動畫
	})

	digit.render() // 執行
</script>

使用聲明

1. 本站所有素材(未指定商用),僅限學習交流。
2. 會員在本站下載的原創商用和VIP素材后,只擁有使用權,著作權歸原作者及17素材網所有。
3. 原創商用和VIP素材,未經合法授權,請勿用于商業用途,會員不得以任何形式發布、傳播、復制、轉售該素材,否則一律封號處理。
4. 本平臺織夢模板僅展示和個人非盈利用途,織夢系統商業用途請預先授權。

x
×
×

注冊

QQ注冊 立即下載 微信注冊 立即下載

簽到成功!

已連續簽到1天,連續簽到3天可獲得50積分

知道了
主站蜘蛛池模板: 科尔| 曲松县| 牙克石市| 商城县| 琼结县| 象山县| 元江| 丽水市| 楚雄市| 南城县| 温宿县| 大兴区| 葵青区| 民和| 定日县| 蓬安县| 建水县| 敦煌市| 淮滨县| 喜德县| 华安县| 格尔木市| 禹城市| 泾阳县| 依兰县| 建始县| 合川市| 祥云县| 武冈市| 西平县| 贵溪市| 方正县| 堆龙德庆县| 芮城县| 南投县| 乐陵市| 鹤壁市| 即墨市| 夹江县| 廊坊市| 扬州市|