最近公司在做大屏裝置上的頁面，其中動畫的部分居多，開始的時候是用的jquery做的動畫，在做完後無意中發現jquery動畫存在乙個問題，就是瀏覽器在切換標籤頁後，過段時間切換回來頁面中的動畫會出現連續執行，知道運動切換出去的時長後才能恢復正常動畫。出現這種情況後還特意看了下css3實現動畫的頁面，沒有出現類似的問題
在查了資料後總結了下原因：
我的自動輪播採用的是定時器+jquery fadein()/ fadeout()方法實現的，當我們離開輪播頁（並未關閉該頁面）後，定期器繼續執行，但是動畫效果並沒有同步執行，而是被瀏覽器快取起來了（「動畫累積」），當我們返回輪播頁後，積累了一段時間的動畫才重新開始連續執行，這就導致了輪播混亂，直到累積的效果執行完畢，才重新開始正常的輪播
$('#rightarticle .banner ul').stop(true,true).animate(, 1000, 'linear', function
()
解決方法就是新增乙個
stop(true,true)
執行的意思是，在動畫執行之前先清除之前瀏覽器快取起來的動畫。在新增後再檢視就不會出現之前的情況了。
瀏覽器切換標籤頁的方法
方法一 快捷鍵切換標籤頁 我們使用快捷鍵 ctrl 數字 就可以快速切換谷歌瀏覽器的標籤頁了，例如 ctrl 1是切換到第乙個標籤，ctrl 2是切換到第二個標籤，依次類推，但是ctrl 9不是第九個標籤頁，而是最後乙個標籤頁。換一種解釋方法就是，ctrl鍵加上數字鍵1 8對應的是第一到第八個標籤，...
瀏覽器中新開標籤頁（Tab）
usr bin env python coding utf 8 ab author sleeping cat contact zwy24zwy 163.com 瀏覽器中新開標籤頁 tab import unittest from selenium import webdriver import ti...
瀏覽器內多個標籤頁之間的通訊
呼叫localstorge cookies等本地儲存方式。方法一 localstorge在乙個標籤頁裡被新增 修改或刪除時，都會觸發乙個storage事件，通過在另乙個標籤頁裡監聽storage事件，即可得到localstorge儲存的值，實現不同標籤頁之間的通訊。標籤頁1 標籤頁 2 方法二 使用...