码迷,mamicode.com
首页 > Web开发 > 详细

jquery实现图片跟随鼠标功能

时间:2018-09-12 01:08:39      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:实现图   结果   sig   width   height   var   tps   forum   func   

上代码

(function(){
    var $node;
    $node = $("<div style=‘position: absolute;‘ id=‘movePic‘><img src=‘https://imgsa.baidu.com/forum/w%3D580/sign=f9458d402da446237ecaa56aa8227246/01d6ecfe9925bc31c807f6a253df8db1cb137051.jpg‘ height=‘30px‘ width=‘30px‘>nice job</div>");
    $("body").after($node);
    $("body").mousemove(function (e) {
        $node.css("left", e.pageX + 20);
        $node.css("top", e.pageY + 20);
    });
    $("body").hover(function () {
        $node.show();
    }, function () {
        $node.hide();
    });
})()

这些代码是独立的,直接粘贴就有效果

 

这样你的鼠标下就有了一个滑稽

 

本来像加到博客里的效果,结果发现不会。。。好像不支持jQuery特效,难道必须是纯css特效吗????

jquery实现图片跟随鼠标功能

标签:实现图   结果   sig   width   height   var   tps   forum   func   

原文地址:https://www.cnblogs.com/incredible-x/p/9631789.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!