JavaScript實現網頁的自動滾屏顯示
如何實現網頁的自動滾屏顯示?
當雙擊網頁的時候,網頁將會自動向下滾動,再次單擊時滾動停止。將下面的程式碼插入到<body></body>之間:
<script language="javascript">
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if(currentpos != document.body.scrollTop) //判斷是否滾動到網頁最下端,是則停止迴圈
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
</script>
相關推薦
JavaScript實現網頁的自動滾屏顯示
如何實現網頁的自動滾屏顯示? 當雙擊網頁的時候,網頁將會自動向下滾動,再次單擊時滾動停止。將下面的程式碼插入到<body></body>之間: <script language="javascript"> var currentpos,t
FR決策表單JS實現自動滾屏/滾動效果
選中決策報表中的報表塊report0,點選工具欄上的凍結,彈出重複與凍結設定對話方塊,勾選並設定重複標題行從第1行至第2,勾選凍結第1行至第2行, 選中報表塊report0,新增初始化後事件,程式碼如下: if(window.interval2){clearInterval(win
Android拖動實現(一個流暢的拖動排序DragSortGridView,自動滾屏)
/** * Copyright (C), 2008-2015, Huawei Tech. Co., Ltd. * <p/> * Description : 拖動排序佈局 * * @version V100R001 * @since V100R001 */ @SuppressLint(
實現智慧讀報(逐字朗讀+自動滾屏)
序言 最近在研究讀報的功能,想實現自動閱讀,即能朗讀,還能提示讀到什麼地方,反正是越方便越好。通過多次試驗終於成功了。實現了逐字朗讀變色,自動滾屏,螢幕常亮等功能。接下來你們將我再一次見識我的聰明才智。 效果 逐字朗讀,和自動滾屏 實現
JavaScript實現網頁元素的拖拽效果
wid parseint fontsize current ini .net win == oct 以下的頁面中放了兩個div,能夠通過鼠標拖拽這兩個元素到任何位置。 實現該效果的HTML頁面代碼例如以下所看到的: <!DOCTYPE html> &
META http-equiv="refresh" 實現網頁自動跳轉
知識 meta head 網頁 src title dot shu 知識庫 使用說明: < HEAD> < TITLE>刷新內容< /TITLE> < META HTTP-EQUIV="REFRESH" CONTENT="x; UR
HTML5與Javascript 實現網頁彈球遊戲
fonts tab tool open article idt lang true 用戶 終於效果圖: 1. 使用html 5 的canvas 技術和javascript實現彈球遊戲 總體流程圖: 1.1 html5 c
html+css+jQuery+JavaScript實現tab自動切換功能
() conf charset 臨時 effect 保存 sheet http oat tab1.html內容 <!DOCTYPE html> <html> <head> <meta charset="U
javascript實現圖片上傳實時顯示上傳圖片
我們平時會用到圖片上傳要求上傳的圖片要實時顯示,那麼下面就是我的方法 HTML程式碼如下 <input type="file" name="file" onchange="showImg(this)" /> <img id=
Qt:Qt實現網頁自動重新整理工具
使用Qt實現網頁重新整理工具 前言 最近在看一本《C++黑客程式設計揭祕和防範》 ,剛開始學,感覺書還不錯,有講一些windows API,不過裡面的工具都是使用VC++寫的,介面部分使用的mfc的一些API,感覺太不友好來,筆者 想的是 介面部分當然應該可以用,當下桌面端最流行
iview修改table元件實現迴圈向上滾屏
前提,最近專案中需要實現table的滾屏效果,並且使用的是iview的table元件,踩坑,填坑如下。 1、首先找到Table元件中的table,就是這個class:ivu-table-body template部分程式碼 1 div class="headcol" > 2 <Ta
Vscode外掛 livereload配合chrome擴充套件程式livereload實現網頁自動重新整理(儲存時)
前段時間電腦系統壞了,重新裝系統後便是繁瑣的軟體重灌了(對於程式猿來說,開發環境才是大事),這不,重灌vscode外掛livereload時,竟然忘了它怎麼用了!!!?於是有要百度一波,但是,查了好幾個部落格才解決了我的問題。。。怪自己記性不好啦。。。好的,進入正題。
【Swiper】4.3.2 自動滾屏錯位問題解決(含demo)
起因:Swiper由於設定了autoplay,會自己滾動,怎麼解決吶,我先升級到了4.3.2發現,預設呼叫沒有解決這個問題,查看了Swiper API 發現了個解決方式,分享給大家。PS: 查看了3.X.X 的API 感覺沒辦法解決,建議升級到4.X.X版本 , 不能完全相容
JavaScript實現網頁列印,可設定頁首、頁尾、頁邊距
WebBrowser是IE內建的瀏覽器控制元件,無需使用者下載,即可實現客戶端頁面列印。 關於這個元件還有其他的用法,列舉如下: WebBrowser.ExecWB(1,1) 開啟 Web.ExecWB(2,1) 關閉現在所有的IE視窗,並開啟一個新視窗 Web.Exe
用javascript 實現網頁滑鼠右鍵彈出選單功能
工作中需要實現在網頁上點右鍵彈出簡單選單的功能,在網上找了一些例子,都比較複雜,其實我這邊只需要實現簡單的選單功能,兩個選項,使用者點選了以後實現一些簡單的ajax功能。於是根據思路,用DOM建立一個選單層,每個選單選項有自己的onclick方法,啟用相應的ajax功能,然後
JQuery實現網頁上時間動態顯示
網頁上實現時間顯示,是JQuery中最簡單的一個小功能。需要注意的是儘量不要使用遞迴呼叫,否則 網頁開啟的時間一長就會造成記憶體洩露。 實現程式碼 如下: <!DOCTYPE html> <html lang="en" xmlns="http://www.
用Javascript實現通過選擇週數顯示開始日和結束日
最近在一個專案中遇到一個查詢頁面,其中一個查詢條件是根據選擇的年份、月以及週數顯示選擇的該周從幾號到幾號,這樣一個需求。在網上搜索了一下,有類似的但是沒有完全一樣的,只好自己動手。思路是首先取得所選擇的該年月1號這一天是星期幾,然後算出這一週中週一的日期。以此為基點,第1周
JavaScript實現網頁底部事件觸發
最近在寫小組官網,想實現一種效果就是根據使用者當前瀏覽情況,載入後續的文章內容,於是就在網上找相關的內容,但是發現好多都是無法實現的,終於在我的苦苦尋找之下,終於找到了解決方案,程式碼如下: function ScrollEvent() {
JavaScript實現網頁中的常見“全選,全不選,反選”的選項框
在瀏覽網頁或者做線上問卷調查時,我們會經常遇到多選框,多選框的下面會有“全選” “全不選” “反選”三個選框,例如下圖所示: 具體程式碼實現如下: <!DOCTYPE html> <
SDL實現overlay方式雙屏顯示的應用流程分析(thinkvd開發日誌)
由於在參與開發 thinkvd video converter 遇到釋放SDL記憶體的問題,應用中需要在預覽、全屏、雙屏及CLIP之間來回切換,再次看了SDL相關的原始碼,把SDL實現的過程簡單說一下。 SDL開發包中自帶的樣例:testsprite2.c中就是一個實現多屏顯