晨风交流论坛_CMP_CChat_Flash_音乐_视频_播放器_live直播_聊天室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

查看: 618|回复: 0

[教程] 鼠标点击事件

[复制链接]
发表于 2019-7-16 15:06:40 | 显示全部楼层 |阅读模式
官方QQ群:102348392 | 捐赠CMP
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <title>鼠标点击时间</title>
  5. <style type="text/css">
  6. body{
  7.         background:#efefef;/* 背景颜色 */
  8.         cursor:url(https://diygod.me/images/cursor.ico),auto}/* 鼠标样式 */
  9. body, html {
  10.     height: 100%;
  11. }
  12. </style>
  13. </head>
  14. <body id="nv_forum" class="pg_viewthread" onkeydown="if(event.keyCode==27) return false;" style="height: 700px; margin: 0 auto;">
  15. </body>
  16. <script type="text/javascript">
  17.     (function() {
  18.                 var coreSocialistValues = ["富强", "民主", "文明", "和谐", "自由", "平等", "公正", "法治", "爱国", "敬业", "诚信", "友善"],
  19.                 index = Math.floor(Math.random() * coreSocialistValues.length);
  20.                 document.body.addEventListener('click', function(e) {
  21.                 if (e.target.tagName == 'A') {
  22.                         return;}
  23.                         var x = e.pageX, y = e.pageY, span = document.createElement('span');
  24.                         span.textContent = coreSocialistValues[index];
  25.                         index = (index + 1) % coreSocialistValues.length;
  26.                         span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ', y - 20, 'px; left: ', x, 'px;'].join('');
  27.                         document.body.appendChild(span);
  28.                         animate(span);});
  29.                         function animate(el) {var i = 0,
  30.                          top = parseInt(el.style.top),
  31.                         id = setInterval(frame, 16.7);
  32.                         function frame() {
  33.                                 if (i > 180) {clearInterval(id);
  34.                         el.parentNode.removeChild(el);
  35.                         } else {
  36.                                 i+=2;
  37.                                 el.style.top = top - i + 'px';
  38.                                 el.style.opacity = (180 - i) / 180;
  39.                                 }}}}());
  40.     </script>
  41. </html>
复制代码

QQ|Archiver|手机版|小黑屋|晨风交流论坛 ( 粤ICP备05008793号 )

GMT+8, 2020-5-26 06:55 , Processed in 0.052669 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表