不同瀏覽器下圖片滾動效果的js
遇到過JS無法在火狐瀏覽器上實現IE的效果,昨天檢視了一下相應的程式碼完成了這一功能的實現做一下簡單的記錄
網上的資料很多但大多沒有說明細節看到了峰之博文的一篇文章後才若有所思問題出現在那裡。
但在我的瀏覽器上不能完成對火狐的除錯,既然問題出現在
var firefox = document.getElementById && !document.all; //這段是為了相容火狐,w3c標準
if(firefox==true){
demo1 = document.getElementById("demo1");
demo2 = document.getElementById("demo2");
piclist = document.getElementById("piclist");
}*/
那一定有其它的判斷方法,網上搜尋後找到了我想要的
if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}
稍做修改完成了圖片滾動的特效
if(navigator.userAgent.indexOf("FireFox")>0)
{
Demo1 = document.getElementById("demo1"); //非w3c標準要找到表單,必須是要用getElementById("XX");
Demo2 = document.getElementById("demo2");
piclist = document.getElementById("piclist ");
}
else
{
Demo2.innerHTML=demo1.innerHTML
}
在ie6與火狐下均可執行正常,並且找到了一個小但非常好用的JS偵錯程式Companion.JS才300K大家可以安裝試用一下
地址:
[@more@]來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/13380151/viewspace-1023860/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 滾動滑鼠縮放圖片相容所有瀏覽器瀏覽器
- iOS圖片瀏覽器 - XLPhotoBrowser(類似微信多圖片瀏覽效果)iOS瀏覽器
- JS圖片滾動(無縫、平滑、上下左右滾動)效果JS
- JS相容各個瀏覽器的本地圖片上傳即時預覽效果JS瀏覽器地圖
- 相容所有瀏覽器的圖片上傳本地預覽效果瀏覽器
- 瀏覽器的錯誤滾動瀏覽器
- js滑鼠移動實現圖片立體滾動效果JS
- js拖動滑塊瀏覽圖片功能JS
- JXImageBrowser (圖片瀏覽器)瀏覽器
- 相容所有瀏覽器的js滑鼠中鍵滾動事件瀏覽器JS事件
- jQuery圖片無縫滾動效果jQuery
- JS圖片自動或者手動滾動效果(支援left或者up)JS
- 如何利用 Chrome 瀏覽器實現滾動截圖Chrome瀏覽器
- 瀏覽器原生支援平滑滾動瀏覽器
- JS仿QQ空間滑鼠停在長圖片時候圖片自動上下滾動效果JS
- js 圖片瀏覽外掛原生JS
- 瀏覽器滾動條高度的獲取瀏覽器
- js實現的相容所有瀏覽器的滑鼠中鍵滾動事件JS瀏覽器事件
- iSee Pro for Mac圖片瀏覽器Mac瀏覽器
- GraphicConverter for Mac(圖片瀏覽器)Mac瀏覽器
- 幻燈片式圖片瀏覽器瀏覽器
- 瀏覽器恢復滾動行為~瞭解一下瀏覽器
- @Summer 解決下Safari瀏覽器任意圖片預覽一片模糊的bug瀏覽器
- 一起擼個朋友圈吧 - 圖片瀏覽(中)【圖片瀏覽器】瀏覽器
- JS互動 點選WKWebView中的圖片實現預覽效果JSWebView
- 自定義瀏覽器滾動條樣式瀏覽器
- 高效圖片瀏覽器:Pixea Plus for Mac瀏覽器Mac
- GKPhotoBrowser--自定義圖片瀏覽器瀏覽器
- 圖片瀏覽器--學習筆記瀏覽器筆記
- js 禁用瀏覽器後退按鈕效果JS瀏覽器
- jquery在瀏覽器滾動條上的應用jQuery瀏覽器
- js上傳圖片預覽,相容IE6以上各大主流瀏覽器JS瀏覽器
- 原生javascript實現的水平圖片無縫滾動效果JavaScript
- IE瀏覽器下js無法獲取隱藏圖片尺寸簡單介紹瀏覽器JS
- 不同瀏覽器下 autoplay 的限制策略和方案的整理瀏覽器
- 瀏覽器 Web 訪問剪下板圖片瀏覽器Web
- FotoTime Mac(圖片瀏覽管理器)Mac
- 如何實現一個圖片瀏覽器瀏覽器