js+css3模仿windows10日历鼠标悬停选择特效,不是日历功能,是样式,代码比较精简,值得学习。
js代码
<script>
var mainDom = document.getElementById('main')
var floatDiv = document.getElementById('floatDiv')
var txtInfo = document.getElementById('txtInfo')
// 悬浮阴影
function floatSharw(event){
// console.log(event.offsetX, event.offsetY)
var x = event.clientX - 100
var y = event.clientY - 100
floatDiv.style.top = y
floatDiv.style.left = x
txtInfo.innerText = 'X:'+x+',Y:'+y
}
// 初始化
function init(){
console.log(1)
for(var i=0; i<90; i++){
var div = document.createElement('div')
div.className = 'mainDiv'
div.innerText = i
document.getElementById('mainContent').appendChild(div)
}
}
init()
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791