简洁的Web打赏页面UI分享

最新推荐文章于 2024-01-24 06:45:13 发布

码到城攻

最新推荐文章于 2024-01-24 06:45:13 发布

阅读量670

点赞数 1

分类专栏：网页设计文章标签：码到城攻打赏页面 HTML

本文链接：https://blog.csdn.net/Li_Ning_/article/details/128569136

版权

网页设计专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章目录

源码分享

简洁的Web打赏页面UI分享

源码说明

项目直接用 HBuilder 开发，是一个独立项目，下载后，直接可浏览器查看效果(弹窗效果，非新页面)。
适合电脑端Web打赏页面，另外手机端参见:打赏页面源码-移动端打赏-支付宝

独立项目结构

前端效果展示

部分源码展示

$(function () {
	
	var money = 0;
	
	// 选择金额
	$('._3PA8BM').on('click', function () {
		$('._3PA8BM').removeClass('_1vONvL');

		$(this).addClass('_1vONvL');
		
		if ($(this).attr('id') == "_2ByDWa") {
			money = $('.define-input').val();
		} else {
			money = $(this).text();
		}
		
		$('.money').text(money);
		
		// 打印金额
		console.log(money)
	});
});