鼠标显示模块
方法一:谷歌浏览器插件
方法二:
设置方法css | js |
---|---|
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;
- 首先用画图画一个鼠标的png,
- 用在线转化工具转化
- 代码中引入。
- 或者去网上download一个,然后添加
方法四: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());
}
}