新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
利用JavaScript怎么實(shí)現(xiàn)一個瀏覽器網(wǎng)頁自動滾動功能-創(chuàng)新互聯(lián)
這篇文章給大家介紹利用JavaScript怎么實(shí)現(xiàn)一個瀏覽器網(wǎng)頁自動滾動功能,內(nèi)容非常詳細(xì),感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
1. 打開瀏覽器控制臺窗口
JavaScript通常是作為開發(fā)Web頁面的腳本語言,本文介紹的JavaScript代碼均運(yùn)行在指定網(wǎng)站的控制臺窗口。一般瀏覽器的開發(fā)者窗口都可以通過在當(dāng)前網(wǎng)頁界面按F12快捷鍵調(diào)出,然后在上面的標(biāo)簽欄找到Console點(diǎn)擊就是控制臺窗口,在這里可以直接執(zhí)行JavaScript代碼,而chrome系瀏覽器的控制臺界面可以使用快捷鍵Ctrl+Shift+J直接打開
2. 實(shí)時查看鼠標(biāo)坐標(biāo)
首先為了獲取當(dāng)前的鼠標(biāo)位置的x、y坐標(biāo),需要先重寫一個onmousemove函數(shù)來幫助我們實(shí)時查看光標(biāo)處的x、y值,方便下一步編寫代碼時確定初始的y坐標(biāo)和每次y方向滾動的距離
// 在控制臺輸入以下內(nèi)容并回車,即可查看當(dāng)前鼠標(biāo)位置 // 具體查看方式:鼠標(biāo)在網(wǎng)頁上滑動時無效果,當(dāng)鼠標(biāo)懸停時即可在光標(biāo)旁邊看到此處的坐標(biāo) document.onmousemove = function(e){ var x = e.pageX; var y = e.pageY; e.target.title = "X is "+x+" and Y is "+y; };
網(wǎng)站題目:利用JavaScript怎么實(shí)現(xiàn)一個瀏覽器網(wǎng)頁自動滾動功能-創(chuàng)新互聯(lián)
標(biāo)題來源:http://www.ef60e0e.cn/article/cdiosh.html