Zi 字媒體
2017-07-25T20:27:27+00:00
若要使用一般所看到的滑出式選單,只要透過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);
});
Categories: jQuery
分類
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
搜尋:
寫了
5860316篇文章,獲得
23313次喜歡