Line 50: | Line 50: | ||
/* Add Animation */ | /* Add Animation */ | ||
− | .modal-content, #caption { | + | .modal-content, #caption { |
-webkit-animation-name: zoom; | -webkit-animation-name: zoom; | ||
-webkit-animation-duration: 0.6s; | -webkit-animation-duration: 0.6s; | ||
Line 58: | Line 58: | ||
@-webkit-keyframes zoom { | @-webkit-keyframes zoom { | ||
− | from {-webkit-transform:scale(0)} | + | from {-webkit-transform:scale(0)} |
to {-webkit-transform:scale(1)} | to {-webkit-transform:scale(1)} | ||
} | } | ||
@keyframes zoom { | @keyframes zoom { | ||
− | from {transform:scale(0)} | + | from {transform:scale(0)} |
to {transform:scale(1)} | to {transform:scale(1)} | ||
} | } | ||
Line 95: | Line 95: | ||
</head> | </head> | ||
<body> | <body> | ||
− | |||
− | |||
− | |||
− | |||
− | < | + | <ul id="test"> |
− | + | <li>Item 1</li> | |
− | + | <li>Item 2</li> | |
− | + | <li>Item 3</li> | |
− | + | </ul> | |
− | </ | + | |
− | + | ||
− | </ | + | |
<script> | <script> | ||
− | + | function getEventTarget(e) { | |
− | + | e = e || window.event; | |
− | + | return e.target || e.srcElement; | |
− | + | } | |
− | } | + | |
+ | var ul = document.getElementById('test'); | ||
+ | ul.onclick = function(event) { | ||
+ | var target = getEventTarget(event); | ||
+ | alert(target.innerHTML); | ||
+ | }; | ||
</script> | </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 18:36, 14 August 2018
- Item 1
- Item 2
- Item 3