注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

跟随鼠标移动插件Jquery Mouse Tracker

动画 fishcity 2406浏览

 跟随鼠标移动插件Jquery Mouse Tracker

Jquery Mouse Tracker,正如期名, Mouse Tracker是一个让内容跟随鼠标移动的轻量级jquery插件。使用相当的简单,当然参数还是相当丰富的。通过参数的不同配置,可实现多种不同的效果。

特点:

字符串——高度自适的简单的文本跟随鼠标

数组,一个无序列表的内容跟随鼠标

HTML -可以任意html内容跟随鼠标

你可以定义跟随闪烁,可指定闪烁的速度

你可以随时重置跟随

指定跟随一定时间后自动隐藏内容

只在特定的元素出现跟随

jquery实例: Mouse Tracker使用方法

引入核心文件

<script type="text/javascript" src="http://libs.useso.com/js/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jq-track-mouse.js"></script>

字符串模式跟随

$(function(){
    $.trackMouse("I am going to exhaust myself by tracking that little mouse.");
})

字符串模式自动隐藏跟随

$(function(){
    $.trackMouse({
    text : "I am going to exhaust that little fella for a while.",
    autoHide : 2000
    });
)}

数组方式跟随文本,为了方便,下文的代码不再加$(function(){}),请自行添加

$.trackMouse([
  "Step 1 : Checkout the demo.",
  "Step 2 : Like it? Go through the readme for how-to instructions",
  "Step 3 : Star the repository, if you like it"
]);

数组方式文本跟随自动隐藏

$.trackMouse({
  text: [
    "Step 1 : Checkout the demo.",
    "Step 2 : Like it? Go through the readme for how-to instructions",
    "Step 3 : Star the repository, if you like it"
  ],
  autoHide: 2000
});

html方式文本跟随

$.trackMouse("Don't forget to <strong>star</strong> the <em>repository</em>.");

html方式文本跟随自动隐藏

$.trackMouse({
  text : "Don't forget to <strong>star</strong> the <em>repository</em>.",
  autoHide: 2000
});

闪烁方式文本跟随(可以是字符串,数组,html模式)

$.trackMouse({
  text : "Don't forget to <strong>star</strong> the <em>repository</em>.",
  blink : 600 // In miliseconds
});

闪烁方式文本跟随自动隐藏(可以是字符串,数组,html模式)

$.trackMouse({
  text : "Don't forget to <strong>star</strong> the <em>repository</em>.",
  blink : 800, // In miliseconds
  autoHide : 5000 // Destroy after 3 seconds
});

在指定目标元素上出现跟随

$.trackMouse({
  text : "Woahhh! Is it blood? Go away. Don't force this little mouse over it!",
  target : '#showtracker'
});

在指定元素上出现闪烁跟随

$.trackMouse({
  text : "That mouse will go blind, how much light can it's little eyes handle. Put it away!!!!",
  target : '#showblinkingtracker',
  blink : 600
});

重置或删除

var tracker = $.trackMouse("Track that little fella.");
tracker.reset(); // reset the tracker"

//或者
$.trackMouse().reset();

转载请注明:jQ酷 » 跟随鼠标移动插件Jquery Mouse Tracker

下载地址:本站下载 | 百度云 | 官方下载
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。