windows的变革历程

所属分类： JQ特效其他动画效果

查看演示立即下载

插件描述：多款轻量插件结合打造windows产品的变革历程

使用到的插件有skrollr(视差滚动)

/#rd

waypoints(滚动监听)

/

tooltipster(工具提示)

/

unveil(延迟)

/

unveil

使用方法

HTML

<img src="bg.png" data-src="img1.jpg" /> 
<img src="bg.png" data-src="img2.jpg" data-src-retina="img2-retina.jpg" /> 
javascript
$(document).ready(function() {
  $("img").unveil();
});

tooltipster

使用方法

HTML

<h1 class=““tooltip”” title=““This” is=“” my=“” image‘s=“” tooltip=“” message！”=“”>Click here</h1>

javascript

$（‘.tooltip’）.tooltipster（ {
 
    animation：‘slide’,
    // Default： fade
    arrow：true,
    // Default： true
    arrowColor：‘’,
    // Default： tooltip‘s background color
    delay：200,
    // Default： 200
    fixedWidth：400,
    // Default： 0
    followMouse：true,
    // Default： false
    offsetX：0,
    // Default： 0
    offsetY：0,
    // Default： 0
    overrideText：’‘,
    // Default： ’‘
    position：’bottom - right‘,
    // Default： top
    speed：500,
    // Default： 100
    timer：0,
    // Default： 0
    tooltipTheme：’.my - custom - theme‘ // Default： ’.tooltip-message‘
}）;

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： jquery ui 仿windows 桌面
下一个特效：七屏百叶窗焦点图代码