/*
 * @Description: 
 * @Author: zhangjiafeng
 * @Date: 2022-09-16 18:21:59
 * @LastEditors: zhangjiafeng
 * @LastEditTime: 2022-09-16 21:14:43
 */
toastr.options = {
  "closeButton": true,
  "debug": false,
  "newestOnTop": false,
  "progressBar": true,
  "positionClass": "toast-top-center",
  "preventDuplicates": false,
  "onclick": null,
  "showDuration": "300",
  "hideDuration": "1000",
  "timeOut": "5000",
  "extendedTimeOut": "1000",
  "showEasing": "swing",
  "hideEasing": "linear",
  "showMethod": "fadeIn",
  "hideMethod": "fadeOut"
}


const name = document.querySelector('#name')
let h2 = document.querySelector('h2');
const zjf = document.querySelector('.zjf');
const xixiName = document.querySelector('.xixiName');
const h3 = document.querySelector('h3');
let lao = document.querySelector('.laolao');

name.addEventListener('click', () => {
  name.classList.add('move')
})

lao.addEventListener('click', function () {
  alert('你点到我了')
})

xixiName.addEventListener("click", function () {
  alert('你点击的是周日禧');
  xixiName.style.transform = `translateX(600px)`
})

zjf.addEventListener("click", function () {
  // 点击字体变大
  zjf.style.backgroundColor = 'orange'
  zjf.style.fontSize = 200 + 'px'
  setTimeout(() => {
    zjf.style.backgroundColor = 'green'
    zjf.style.fontSize = 50 + 'px'
  }, 2000);
})

zjf.addEventListener("click", function () {
  alert('你点击的是张家凤')
})

h2.addEventListener('click', function () {
  alert('点点点永')
})

h3.addEventListener('click', function () {
  alert('你点击的是周康凯');
});

document.querySelector('.Jordan').addEventListener('click', () => {
  toastr.success("恭喜你中了一个亿！！！")
});