最近要做乙個大螢幕展示上下滾動的列表,而ie自帶的marquee,無法滿足需要,隨自己寫了乙個滾動機制,**在附件中,
重要的**
var startingopacity = 40; //設定不透明度
var startinp = 70;//設定透明度
var scrollstup = 1;//滾動速度,1為乙個畫素
var scrollsyy = 100;//滾動時間請求
var req*** = false;
// handles manual scrolling of the content //
function scrollcontent(pardiv,id,sub)
var tem = div.innerhtml;//第乙個頁
tem1 = ""+tem+"
";//第二個頁
var objheight = divpar.offsetheight;
var divheight = div.offsetheight;
//判斷是否需要滾屏,如果不需要就不滾動
if(objheightdiv.timer = settimeout( function() , scrollsyy);}}
function scrollanimate(div,div2)
var div2top = div2.offsettop;
if(div2top==0)
if(divtop}else
}div.timer = settimeout( function() , scrollsyy);
}// cancel the scrolling on mouseout //
function cancelscroll(pardiv,id,sub)
}
具體見附件
純JS實現文字上下 漸進 滾動(不是逐行哦)
前言 純js實現文字或新聞豎直方向滾動,先看個案例 主體 1 js獲取數值方向滾動距離selector.scrolltop 2 js獲取元素高度 包含邊框和內邊距 selector.offectheight 3 高度獲取 1 clientheight height 上下padding 內部可視區高度...
iframe 上下滾動條如何預設在下方實現原理
問題 iframe 上下滾動條如何預設在下方,做的是聊天工具,資料多了,每次重新整理出現程式設計客棧的上下滾動預設在上方,還需下拉到下面才能看到聊天記錄,有辦法讓它出現在下方嗎?答案 直tnkfvmoekn接在iframe裡寫window.scrollto 0,9999999 程式設計客棧或者設定d...
小程式文字上下滾動輪播效果實現CSS
1 這是一句話 2 這是一句話 3 這是一句話 4 這是一句話 5 這是一句話 6 這是一句話 7 這是一句話 8 這是一句話 9 這是一句話 10 這是一句話 11 這是一句話 webkit keyframes rowup 0 webkit transform translate3d 0,0,0 ...