在網頁上增加一個全屏飄動的公告，網上測試沒有問題。將該段代碼複製出來，粘貼到網站的模板裡，生成網頁。問題出現了：飄動圖片公告不飄動。
工具/原料
電腦、Dreamweaver
分析原因：
，此段代碼為DOCTYPE申明，網頁加入該代碼意味著，js的編寫必須符合W3C規範。
因為加入DOCTYPE申明後，js裡是不能使用document.body的，一定要改成document.documentElement，以及添加"px"。
處理辦法：
1、刪除申明：
頭部有默認代碼：，此為DOCTYPE申明，刪掉這段代碼並重新生成網頁。
2、修改代碼：
修改前：
width = document.body .clientWidth;
height = document.body .clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
修改後：
width = document.documentElement .clientWidth;
height = document.documentElement .clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.documentElement.scrollLeft + "px" ;
img.style.top = yPos + document.documentElement.scrollTop + "px" ;
斜體加粗部分為需要修改的代碼。
以上兩個方法任選一個，都能達到預期的效果。
注意事項
歡迎大家點贊收藏