当前位置：首页 > 下载站 > js特效 > jQuery特效 > 基于amazeui用户充值页面特效

基于amazeui用户充值页面特效

分类: js特效 / jQuery特效	发布时间: 2018-03-03	访问量: 1317
下载量: 80

点击下载预览效果

更多>

最新下载

jQuery鼠标滑过图文切换

jQuery鼠标滑过图文切换是一款默认为文字描述显示，当鼠标移到描述区域，自动换成图片切换演示，且带有定位滑动小按钮。本作品由【站长素材】收集整理，转载请注明出处！

0 2026-01-31

jQuery仿京东注册表单验证代码

jQuery仿京东注册表单验证代码是一款清爽简洁的京东注册界面，带有注册成功后的界面代码。

0 2026-01-31

layUI图片拖拽上传裁剪代码

layUI图片拖拽上传裁剪代码是一款通过鼠标拖动图片，滚轮控制图片缩放，点击裁剪图片，上传图片效果代码。

0 2026-01-31

jQuery reveal弹出表单

jQuery reveal弹出表单是一款弹出层插件，鼠标点击文字链接滑动弹出层显示隐藏。

0 2026-01-31

js仿优酷banner大图切换代码

js仿优酷banner大图切换代码是一款带搜索框和banner图片切换效果，鼠标悬停标题展示相应图片切换效果代码。

0 2026-01-31

js带遮罩弹出层登录注册表单

js带遮罩弹出层登录注册表单是一款带遮罩层带可关闭的功能弹出层登录表单注册表单找回密码表单的jquery特效。

0 2026-01-31

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16506 2025-08-28
CSS3 教程

1547386 2025-08-27
Rust 教程

23588 2025-08-27
Vue 教程

25978 2025-08-22
PostgreSQL 教程

22492 2025-08-21
Git 教程

9398 2025-08-21

基于amazeui用户充值页面特效

基于amazeui用户充值页面特效是一款可以选择支付宝或者是微信的付款方式来进行充值。

// 将所有.ui-choose实例化
$('.ui-choose').ui_choose();
// uc_01 ul 单选
var uc_01 = $('#uc_01').data('ui-choose'); // 取回已实例化的对象
uc_01.click = function(index, item) {
  console.log('click', index, item.text())
}
uc_01.change = function(index, item) {
  console.log('change', index, item.text())
}
$(function() {
  $('#uc_01 li:eq(3)').click(function() {
   $('.tr_rechoth').show();
   $('.tr_rechoth').find("input").attr('required', 'true')
   $('.rechnum').text('10.00元');
  })
  $('#uc_01 li:eq(0)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('10.00元');
   $('.othbox').val('');
  })
  $('#uc_01 li:eq(1)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('20.00元');
   $('.othbox').val('');
  })
  $('#uc_01 li:eq(2)').click(function() {
   $('.tr_rechoth').hide();
   $('.rechnum').text('50.00元');
   $('.othbox').val('');
  })
  $(document).ready(function() {
   $('.othbox').on('input propertychange', function() {
    var num = $(this).val();
    $('.rechnum').html(num + ".00元");
   });
  });
})