js小模块 :鼠标显示模块(设置网页中的鼠标图像)+时间显示模块

鼠标显示模块

方法一:谷歌浏览器插件

方法二:

设置方法cssjs
style=“cursor: default;”document.getElementById(“p1”).style.cursor=“pointer”;
可选值
default默认
pointer指针小手
wait沙漏
help问好帮助
text文字
move交叉箭头

方法三:cursor: url(cursors/cursor.cur), pointer;

cursor: url(cursors/cursor.cur), pointer;

方法四:github的animatedWebCursors

设置为动画:
在这里插入图片描述

引入
<script src="***\animatedWebCursors-main\animatedWebCursors.js"></script>  
然后调用函数即可(需要将资源文件放入同目录下)<img src="***" alt="" class="imageButton" onclick="appstar2ani();">

时间显示模块

方法一

<style>
.warning-msg { bottom:30px; right:-225px; position:fixed;}
</style>
<div class="warning-msg">
                           
  <a href="" id="currentTime">18</a>   
</div>



setInterval(function(){ document.getElementById("currentTime").innerHTML=new Date().getMinutes().toLocaleString(); },1000);

document.onkeydown =cdk; 
function cdk(){ 
    if(event.keyCode ==13){
        document.getElementById("currentTime").style.visibility="hidden";
    }
     if(event.keyCode ==16){
        document.getElementById("currentTime").style.visibility="visible";
    }
}

方法二

<dialog close id="currentTime">这是打开的对话窗口</dialog>
var x = document.getElementById("currentTime");

document.onkeydown =cdk; 
function cdk(){ 
    if(event.keyCode ==13){
        x.show();
    } 
    if(event.keyCode ==16){
        x.close();
    }
}

方法三

document.onkeydown =cdk; 
function cdk(){ 
    if(event.keyCode ==13){
        alert(new Date().toLocaleString());
    } 
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值