0


javascript/js热点图的制作及徘徊事件的制作

我们来看看这次热点制作和JS徘徊事件的制作过程

如下图所示:

首先,我们先选择一张图片

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

然后我们开始先制作热点:过程如下

我们先在代码界面里面加入

月影的网站(www.yydpt.com)


这个代码及其

图片代码,然后选择软件的设计界面:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_19,color_FFFFFF,t_70,g_se,x_16

接着我们来选择绘“制椭圆热点”,步骤如图:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

做好热点之后,我们来看看代码界面的变化:

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

做完热点了!我们再给热点加入一个JS的徘徊事件:如图

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

页面效果图的变化如下图所示:

加了热点和JS徘徊事件还没有发生JS事件的预览图

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

加了热点和JS徘徊事件之后发生JS事件的预览图

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5pyI5b2xV0VC,size_18,color_FFFFFF,t_70,g_se,x_16

关注微信公众号(月影WEB),了解更多的前后端知识;
欢迎大家关注互相交流学习;

标签: javascript 前端 html

本文转载自: https://blog.csdn.net/qq_34297287/article/details/124239765
版权归原作者 月影WEB 所有, 如有侵权,请联系我们删除。

“javascript/js热点图的制作及徘徊事件的制作”的评论:

还没有评论