[jQuery]滑出式選單

若要使用一般所看到的滑出式選單，只要透過mouseover和mouseleave這兩個event再配合animate就可以完成

例如：
HTML

CSS

#doc {
	width:200px;
	height:50px;
	background:#999;
	position:relative;
}

Javascript

//滑鼠移入
$('#doc').mouseover(function() {
	$(this).stop().animate({left:'50px'},600);
});
//滑鼠移出
$('#doc').mouseleave(function() {
	$(this).stop().animate({left:'0px'},600);
});

分類

• Android
• AngularJS
• API Blueprint
• Chrome
• Database
  • MySQL
• DataStructure
• Editor
  • Vim
• Firefox
• Git
• Hadoop
• Language
  • Go
  • Java
  • JavaScript
    • jQuery
      • jQueryChart
    • Node.js
    • Vue
  • PHP
    • Laravel
    • ZendFramework
  • Python
• Mac
• Network
  • Cisco
  • DLink
  • Juniper
• Oauth
• Server
  • Apache
• Share
• Unix
  • FreeBSD
  • Linux
• WebDesign
  • Bootstrap
  • CSS
  • HTML
  • Wordpress

Search