javascript實(shí)現(xiàn)簡(jiǎn)單滾動(dòng)窗口
本文實(shí)例為大家分享了javascript實(shí)現(xiàn)滾動(dòng)窗口的具體代碼，供大家參考，具體內(nèi)容如下
一.實(shí)現(xiàn)的效果圖
window.open();方法用于打開(kāi)一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。
moveTo():方法可把窗口的左上角移動(dòng)到一個(gè)指定的坐標(biāo)。
window.screen.height:屏幕像素的高度
window.screen.width：屏幕像素的寬度
window.screenLeft;左邊距離屏幕的距離
window.screenTop;上面距離屏幕的距離
setTimeout：方法用于在指定的毫秒數(shù)后調(diào)用函數(shù)或計(jì)算表達(dá)式，setTimeout(function, milliseconds）。
三.代碼實(shí)現(xiàn)<!DOCTYPE html><html lang='utf-8'><head> <meta charset='UTF-8'> <title>滾動(dòng)窗口</title> <script> var w ;//頁(yè)面的寬度var h;//頁(yè)面的高度var x;//距離屏幕水平位置var y;//距離屏幕垂直的位置var v = 5;//每次水平移動(dòng)的位置var s = 8;//每次垂直移動(dòng)的位置 function windowOpen(){mywindow =window.open(’’,’’,’width=200px,height=100px’);mywindow.document.write('這個(gè)是打開(kāi)的窗口'); w =window.screen.width; h=window.screen.height; x=window.screenLeft; y=window.screenTop; windowmove(); } function windowmove(){ if(x<0||x>w){s=-s;} x=x+s; if(y<0||y>h){v=-v; }y=y+v;mywindow.moveTo(x,y); setTimeout(windowmove,10); } </script></head><body> <input type='submit' value='打開(kāi)窗口' onclick='windowOpen()'></body></html>
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章：
1. ASP基礎(chǔ)知識(shí)Command對(duì)象講解2. ASP.NET MVC通過(guò)勾選checkbox更改select的內(nèi)容3. JavaScrip簡(jiǎn)單數(shù)據(jù)類(lèi)型隱式轉(zhuǎn)換的實(shí)現(xiàn)4. 解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問(wèn)題5. jsp+mysql實(shí)現(xiàn)網(wǎng)頁(yè)的分頁(yè)查詢(xún)6. javascript xml xsl取值及數(shù)據(jù)修改第1/2頁(yè)7. ASP中實(shí)現(xiàn)字符部位類(lèi)似.NET里String對(duì)象的PadLeft和PadRight函數(shù)8. XHTML 1.0：標(biāo)記新的開(kāi)端9. JSP 中request與response的用法詳解10. asp知識(shí)整理筆記4（問(wèn)答模式）
網(wǎng)公網(wǎng)安備