Coder Social home page Coder Social logo

css3-jquery's Introduction

CSS3+jQuery鼠标跟随图片悬停效果,能够判断鼠标移入的方向,遮罩可以按移入的方向出现,也可以从反方向出现,可设定延迟值。

使用方法: 1、在head区域引入样式表文件lrtk.css, style.css 2、引入jquery.min.js和modernizr.custom.97074.js, jquery.hoverdir.js(函数库) 3、引入HTML

...

  • Seahorse by Trevor Basset
  • 4、引入javascript代码

    $(function() {

    $(' #da-thumbs > li ').each( function() { $(this).hoverdir({
    	hoverDelay : 50, // 控制延迟
    	inverse : true // 是否反方向出现
    }); } );
    

    });

    可单独设定某个li元素 $('li').hoverdir({ hoverDelay : 50, // 控制延迟 inverse : true // 是否反方向出现 });

    css3-jquery's People

    Contributors

    johnhury avatar

    Watchers

    James Cloos avatar  avatar

    Recommend Projects

    • React photo React

      A declarative, efficient, and flexible JavaScript library for building user interfaces.

    • Vue.js photo Vue.js

      🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

    • Typescript photo Typescript

      TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

    • TensorFlow photo TensorFlow

      An Open Source Machine Learning Framework for Everyone

    • Django photo Django

      The Web framework for perfectionists with deadlines.

    • D3 photo D3

      Bring data to life with SVG, Canvas and HTML. 📊📈🎉

    Recommend Topics

    • javascript

      JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

    • web

      Some thing interesting about web. New door for the world.

    • server

      A server is a program made to process requests and deliver data to clients.

    • Machine learning

      Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

    • Game

      Some thing interesting about game, make everyone happy.

    Recommend Org

    • Facebook photo Facebook

      We are working to build community through open source technology. NB: members must have two-factor auth.

    • Microsoft photo Microsoft

      Open source projects and samples from Microsoft.

    • Google photo Google

      Google ❤️ Open Source for everyone.

    • D3 photo D3

      Data-Driven Documents codes.