您好,歡迎來到web微博客 設為首頁加入收藏
web微博客最好的資源共享平臺!
精品cms模板和教程都在這里!
web微博客清新上線!

jq切換淡出 / 滑動效果
2017-02-08 13:57:16   來源:web微博客   評論:0 點擊:

分享到:
淡出和滑動都是我們在 jQuery 中大量使用的效果。你可能只想在用戶點擊后展現某個元素,此時用 fadeIn 和 slideDown 方法就很完美。但是如果你希望這個元素在首次點擊時出現,在再次點擊時消失,這段代碼就
淡出和滑動都是我們在 jQuery 中大量使用的效果。你可能只想在用戶點擊后展現某個元素,此時用 fadeIn 和 slideDown 方法就很完美。但是如果你希望這個元素在首次點擊時出現,在再次點擊時消失,這段代碼就很有用了:

		
1
2
3
4
5
6
7
8

		
// 淡出
$('.btn').click(function () {
$('.element').fadeToggle('slow');
});
// 切換
$('.btn').click(function () {
$('.element').slideToggle('slow');
});

上一篇:緩存 jQuery 選擇器
下一篇:簡單的手風琴效果

湖南快乐十分走势图表