这个鼠标人物跟随怎么实现
js写的 图片固定定位添加鼠标点击事件改图片坐标,动画的话设置点击后一个切换图片然后睡眠和过渡动画相同的时间把图片改回来 前不久学js有感写的哈哈哈哈
确实很新奇 不错 哈哈 但是建议用jq判断一下 移动端 然后将该鼠标跟随娘隐藏一下 移动小屏可能会遮掉一些字
我丢 乱码了 贴一下地址吧https://www.yisu.com/zixun/155885.html
谢谢小赵
谢谢小赵指点,不过还没学jq,emmm先这样放着吧,会改了回来改哈哈哈哈。
js也可以实现 但是麻烦一点 这里放我经常使用的判断终端程序,等学习jq了,方便九日以后更改,此程序为原生js
鸟叔来贵博客参观学习,通过十年之约穿梭至此,期待回访!
欢迎光临~已回访~
俺来测试下
收到!٩(ˊᗜˋ*)و
邮件通知测试
配置好啦,有收到通知嘛?(☆ω☆)
晚安。
第一次来逛,是个文艺的博主,哈哈,虽然在油油的主题群见过
哈喽 写文艺的是我朋友哈哈哈哈,我最近写的都是刷题笔记
除夕到,真热闹,家家户户放鞭炮,赶走晦气和烦恼,迎来好运和欢笑,愿你吉祥如意福星照,幸福团圆日子俏,健康平安身边绕,添福添财心情好!
新年快乐~~!!!
很抱歉打扰您,我的博客在近期更换了域名,所以需要您修改一下友链信息,非常感谢名称:安和链接:http://nekocoffee.com
更新啦~欢迎回来
送你一块月饼,用关怀做皮,踏实牢靠,用思念做馅,甜蜜温暖,用情话做包装,虽然华而不实,但也必不可少,祝你中秋心情好身体好!
张同学小站链接更新https://www.zzxblog.cn/
已更新~
还有一月开学了
是呀哈哈哈哈 我们11号去报道呢
我和博客一样,不给任何人推送。但如果你访问,会知道我的很多。
力扣每日一题迁移至GitHub:
这个鼠标人物跟随怎么实现
js写的
图片固定定位添加鼠标点击事件改图片坐标,动画的话设置点击后一个切换图片然后睡眠和过渡动画相同的时间把图片改回来
前不久学js有感写的哈哈哈哈
<script> var mouse = document.createElement('img'); mouse.setAttribute('src', 'https://sumiler.com/usr/uploads/time/mouse/normal.png'); mouse.style.position = 'fixed'; mouse.style.top = '100px'; mouse.style.left = 0; mouse.style.zIndex = 999; mouse.style.width = '70px'; mouse.style.transition = 'all 1s'; document.body.append(mouse); document.addEventListener('click', function (e) { mouse.setAttribute('src', 'https://sumiler.com/usr/uploads/time/mouse/click.png'); mouse.style.top = e.clientY - 35 + 'px'; mouse.style.left = e.clientX - 65 + 'px'; setTimeout(() => { mouse.setAttribute('src', 'https://sumiler.com/usr/uploads/time/mouse/normal.png') }, 1000); }); </script>确实很新奇 不错 哈哈 但是建议用jq判断一下 移动端 然后将该鼠标跟随娘隐藏一下 移动小屏可能会遮掉一些字
我丢 乱码了 贴一下地址吧
https://www.yisu.com/zixun/155885.html
js也可以实现 但是麻烦一点 这里放我经常使用的判断终端程序,等学习jq了,方便九日以后更改,此程序为原生js
//判断访问终端 var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核 gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1,//火狐内核 mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端 ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端 android: u.indexOf('Android') > -1 || u.indexOf('Adr') > -1, //android终端 iPhone: u.indexOf('iPhone') > -1, //是否为iPhone或者QQHD浏览器 iPad: u.indexOf('iPad') > -1, //是否iPad webApp: u.indexOf('Safari') == -1, //是否web应该程序,没有头部与底部 weixin: u.indexOf('MicroMessenger') > -1, //是否微信 (2015-01-22新增) qq: u.match(/\sQQ/i) == " qq" //是否QQ }; }(), language: (navigator.browserLanguage || navigator.language).toLowerCase() } //使用方法: //判断是否IE内核 if (browser.versions.trident) { alert("is IE"); } //判断是否webKit内核 if (browser.versions.webKit) { alert("is webKit"); } //判断是否移动端 if (browser.versions.mobile || browser.versions.android || browser.versions.ios) { alert("移动端"); }鸟叔来贵博客参观学习,通过十年之约穿梭至此,期待回访!
俺来测试下
收到!٩(ˊᗜˋ*)و
邮件通知测试
配置好啦,有收到通知嘛?(☆ω☆)
晚安。
第一次来逛,是个文艺的博主,哈哈,虽然在油油的主题群见过
除夕到,真热闹,家家户户放鞭炮,赶走晦气和烦恼,迎来好运和欢笑,愿你吉祥如意福星照,幸福团圆日子俏,健康平安身边绕,添福添财心情好!
新年快乐~~!!!
很抱歉打扰您,我的博客在近期更换了域名,所以需要您修改一下友链信息,非常感谢
名称:安和
链接:http://nekocoffee.com
更新啦~欢迎回来
送你一块月饼,用关怀做皮,踏实牢靠,用思念做馅,甜蜜温暖,用情话做包装,虽然华而不实,但也必不可少,祝你中秋心情好身体好!
张同学小站链接更新
https://www.zzxblog.cn/
已更新~
还有一月开学了
是呀哈哈哈哈 我们11号去报道呢