微客导航 » 文章资讯 » jquery实现图片跟随鼠标的实例

jquery实现图片跟随鼠标的实例

2023-09-23 02:26:05 419

jquery实现图片跟随鼠标的实例

开发后台写页面困难的一比啊，想写个鼠标移动某连接右侧显示二维码，并跟随鼠标移动的功能，各种查资料，花了一小天终于搞出来了，代码的记下来，浪费了我这么多时间，记你一辈子，这个可以直接在W3School直接运行，可以根据某行显示某个特定的图片，自己定义就行

实现代码：





jquery图片跟随鼠标

functionhideImg(num){
if(num.className=="1_name"){
$('#1_erweima').hide();
}elseif(num.className=="2_name"){
$('#2_erweima').hide();
}
}

functionshowImg(num){
varintX=window.event.clientX;
varintY=window.event.clientY;
if(num.className=="1_name"){
$('#1_erweima').css("left",intX+20+"px");
$('#1_erweima').css("top",intY+10+"px");
$('#1_erweima').show();
}elseif(num.className=="2_name"){
$('#2_erweima').css("left",intX+20+"px");
$('#2_erweima').css("top",intY+10+"px");
$('#2_erweima').show();
}
}












我是百度，会跟随




我是百度




我也是百度，也跟随

我是百度，会跟随
我是百度
我也是百度，也跟随

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

返回顶部
3162201930
czq8825@qq.com

jquery实现图片跟随鼠标的实例

热门推荐

随机推荐