JS的onclick点击 与 onmousemove鼠标事件


开发工具与关键技术:DW JS

作者:江金燕

撰写时间:2019、2、01

下面是我用JS弄的比较简单的关于星座图主要学习点击事件和鼠标事件

喜欢的可以试试

主要效果:就是你点击就会有关于各自星座性格的显示 当鼠标移过就会消失;

部分代码相同就显示一部分而已
注意事项

1、 注意ID的获取是否获取成功 另外注意ID是唯一的 编写JS代码ID要与HTML的
ID一致
2、 JS是否绑定成功 通过alert()输出看看
如果显示如下就证明绑定成功
在这里插入图片描述
在这里插入图片描述
本章节比较简单

知识点:
onclick点击 与 onmousemove鼠标事件

  1. 代码部分HTML 与css部分

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

2、JS部分

在这里插入图片描述在这里插入图片描述
在这里插入图片描述 3、效果图片部分
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_44543271/article/details/86746751
今日推荐