我工作的網站,將加載與Ajax的內容取決於點擊的標籤。我想爲載入的內容設置動畫效果,並使其從左側或右側滑動,並使舊內容滑出或淡出。我希望用戶能夠添加一個新的.html頁面,並在導航按鈕中將該鏈接附加到該頁面,並且該動畫會自動應用於ajax加載的頁面。有誰知道我該怎麼做?阿賈克斯動態加載內容動畫
2
A
回答
1
有很多方法可以做到這一點,從手動移動JavaScript的div,或者你可以使用這些功能的預製庫。
我最喜歡的方式是使用animate.css然後,所有你需要做的是在JQuery中使用
$("elementClass").addClass("animated <effect_name_class>");
將動畫應用到元素。
0
這裏是Ajax動態加載的內容與動畫的工作實施例:
https://stackoverflow.com/a/38304487/3435861
相關問題
- 1. jquery阿賈克斯beforeSend加載動畫
- 2. CSS阿賈克斯 - 動態加載
- 3. FBJS阿賈克斯加載內容
- 4. 阿賈克斯標籤內容加載
- 5. 加載內容與阿賈克斯
- 6. Behance API阿賈克斯加載內容
- 7. div的自動高度與阿賈克斯加載內容
- 8. 阿賈克斯加載內容與自動完成
- 9. 阿賈克斯動畫擴展器
- 10. 阿賈克斯動畫的JQuery 1.9.2
- 11. 淡入阿賈克斯開始動畫
- 12. 加載模態的阿賈克斯
- 13. 加載腳本和css與阿賈克斯加載內容
- 14. 預加載阿賈克斯加載的內容
- 15. 帶動態阿賈克斯內容的Bootstrap Accordion
- 16. jQuery的阿賈克斯:動態功能
- 17. 動態加載數據舉表阿賈克斯
- 18. 收藏加重裝加載內容阿賈克斯後
- 19. 阿賈克斯:加載網頁內容與選擇框
- 20. 阿賈克斯加載內容與jQuery(URL觸發)
- 21. 谷歌mod_pagespeed阿賈克斯加載的內容
- 22. 阿賈克斯加載另一個PHP頁面的內容
- 23. jQuery的ATTR()來加載阿賈克斯內容
- 24. 索引阿賈克斯加載的內容
- 25. 讓阿賈克斯加載的內容自我刷新
- 26. JavaScript警告不工作在阿賈克斯加載的內容
- 27. 同位素不能與阿賈克斯加載的內容
- 28. 防止谷歌索引阿賈克斯加載的內容
- 29. 圖像滑塊無法在阿賈克斯加載的內容
- 30. 阿賈克斯加載的內容,jQuery插件不工作