欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費電子書(shū)等14項超值服

開(kāi)通VIP
Marquee 上移控制
 應用說(shuō)明:頁(yè)面包含<script type="text/javascript" src="MSClass.js"></script>

創(chuàng )建實(shí)例:
//參數直接賦值法
new Marquee("marquee")
new Marquee("marquee","top")
......
new Marquee("marquee",0,1,760,52)
new Marquee("marquee","top",1,760,52,50,5000)
......
new Marquee("marquee",0,1,760,104,50,5000,3000,52)
new Marquee("marquee",null,null,760,104,null,5000,null,-1)

//參數動(dòng)態(tài)賦值法
var marquee1 = new Marquee("marquee") *此參數必選
marquee1.Direction = "top"; 或者 marquee1.Direction = 0;
marquee1.Step = 1;
marquee1.Width = 760;
marquee1.Height = 52;
marquee1.Timer = 50;
marquee1.DelayTime = 5000;
marquee1.WaitTime = 3000;
marquee1.ScrollStep = 52;
marquee1.Start();

參數說(shuō)明:
ID "marquee" 容器ID (必選)
Direction (0) 滾動(dòng)方向 (可選,默認為0向上滾動(dòng)) 可設置的值包括:0,1,2,3,"top","bottom","left","right" (0向上 1向下 2向左 3向右)
Step (1) 滾動(dòng)的步長(cháng) (可選,默認值為2,數值越大,滾動(dòng)越快)
Width (760) 容器可視寬度 (可選,默認值為容器初始設置的寬度)
Height (52) 容器可視高度 (可選,默認值為容器初始設置的高度)
Timer (50) 定時(shí)器 (可選,默認值為30,數值越小,滾動(dòng)的速度越快,1000=1秒,建議不小于20)
DelayTime (5000) 間歇停頓延遲時(shí)間(可選,默認為0不停頓,1000=1秒)
WaitTime (3000) 開(kāi)始時(shí)的等待時(shí)間(可選,默認或0為不等待,1000=1秒)
ScrollStep (52) 間歇滾動(dòng)間距 (可選,默認為翻屏寬/高度,該數值與延遲均為0則為鼠標懸??刂?-1禁止鼠標控制)

使用建議:
1、建議直接賦予容器的顯示區域的寬度和高度,如(<div id="marquee" style="width:760px;height:52px;">......</div>)
2、建議為容器添加樣式overflow = auto,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;">......</div>)
3、為了更準確的獲取滾動(dòng)區域的寬度和高度,請盡可能將各滾動(dòng)單位直接賦予正確寬高度
4、對于TABLE標記的橫向滾動(dòng),需要對TABLE添加樣式display = inline,如(<div id="marquee" style="width:760px;height:52px;overflow:auto;"><table style="display:inline">......</table></div>)
5、對于翻屏滾動(dòng)或間歇滾動(dòng),要注意各滾動(dòng)單位間的間距,同時(shí)需要對容器的可視高度和可視寬度做好準確的設置,對于各滾動(dòng)單位間的間距可以通過(guò)設置行間距或者單元格的高寬度來(lái)進(jìn)行調整
6、對于LI自動(dòng)換行的問(wèn)題暫時(shí)沒(méi)有更好的解決辦法,建議將其轉換成表格(TABLE)的形式來(lái)達到同等的效果
7、針對橫向滾動(dòng)的文字段落,如果最末端是以空格" "結束的,請將空格" "轉換成" "
8、鼠標懸停滾動(dòng)思想源自Flash,所以有一定的局限性(容器內僅允許用圖片<img>或者帶鏈接的圖片<a><img></a>的形式,并需要禁止其自動(dòng)換行

function Marquee(){ this.ID = document.getElementById(arguments[0]); if(!this.ID) { alert("您要設置的\"" + arguments[0] + "\"初始化錯誤\r\n請檢查標簽ID設置是否正確!"); this.ID = -1; return; } this.Direction = this.Width = this.Height = this.DelayTime = this.WaitTime = this.CTL = this.StartID = this.Stop = this.MouseOver = 0; this.Step = 1; this.Timer = 30; this.DirectionArray = {"top":0 , "up":0 , "bottom":1 , "down":1 , "left":2 , "right":3}; if(typeof arguments[1] == "number" || typeof arguments[1] == "string")this.Direction = arguments[1]; if(typeof arguments[2] == "number")this.Step = arguments[2]; if(typeof arguments[3] == "number")this.Width = arguments[3]; if(typeof arguments[4] == "number")this.Height = arguments[4]; if(typeof arguments[5] == "number")this.Timer = arguments[5]; if(typeof arguments[6] == "number")this.DelayTime = arguments[6]; if(typeof arguments[7] == "number")this.WaitTime = arguments[7]; if(typeof arguments[8] == "number")this.ScrollStep = arguments[8]; this.ID.style.overflow = this.ID.style.overflowX = this.ID.style.overflowY = "hidden"; this.ID.noWrap = true; this.IsNotOpera = (navigator.userAgent.toLowerCase().indexOf("opera") == -1); if(arguments.length >= 7)this.Start();}Marquee.prototype.Start = function(){ if(this.ID == -1)return; if(this.WaitTime < 800)this.WaitTime = 800; if(this.Timer < 20)this.Timer = 20; if(this.Width == 0)this.Width = parseInt(this.ID.style.width); if(this.Height == 0)this.Height = parseInt(this.ID.style.height); if(typeof this.Direction == "string")this.Direction = this.DirectionArray[this.Direction.toString().toLowerCase()]; this.HalfWidth = Math.round(this.Width / 2); this.HalfHeight = Math.round(this.Height / 2); this.BakStep = this.Step; this.ID.style.width = this.Width + "px"; this.ID.style.height = this.Height + "px"; if(typeof this.ScrollStep != "number")this.ScrollStep = this.Direction > 1 ? this.Width : this.Height; var templateLeft = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;display:inline;'><tr><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td><td noWrap=true style='white-space: nowrap;word-break:keep-all;'>MSCLASS_TEMP_HTML</td></tr></table>"; var templateTop = "<table cellspacing='0' cellpadding='0' style='border-collapse:collapse;'><tr><td>MSCLASS_TEMP_HTML</td></tr><tr><td>MSCLASS_TEMP_HTML</td></tr></table>"; var msobj = this; msobj.tempHTML = msobj.ID.innerHTML; if(msobj.Direction <= 1) { msobj.ID.innerHTML = templateTop.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); } else { if(msobj.ScrollStep == 0 && msobj.DelayTime == 0) { msobj.ID.innerHTML += msobj.ID.innerHTML; } else { msobj.ID.innerHTML = templateLeft.replace(/MSCLASS_TEMP_HTML/g,msobj.ID.innerHTML); } } var timer = this.Timer; var delaytime = this.DelayTime; var waittime = this.WaitTime; msobj.StartID = function(){msobj.Scroll()} msobj.Continue = function() { if(msobj.MouseOver == 1) { setTimeout(msobj.Continue,delaytime); } else { clearInterval(msobj.TimerID); msobj.CTL = msobj.Stop = 0; msobj.TimerID = setInterval(msobj.StartID,timer); } } msobj.Pause = function() { msobj.Stop = 1; clearInterval(msobj.TimerID); setTimeout(msobj.Continue,delaytime); } msobj.Begin = function() { msobj.ClientScroll = msobj.Direction > 1 ? msobj.ID.scrollWidth / 2 : msobj.ID.scrollHeight / 2; if((msobj.Direction <= 1 && msobj.ClientScroll <= msobj.Height + msobj.Step) || (msobj.Direction > 1 && msobj.ClientScroll <= msobj.Width + msobj.Step)) { msobj.ID.innerHTML = msobj.tempHTML; delete(msobj.tempHTML); return; } delete(msobj.tempHTML); msobj.TimerID = setInterval(msobj.StartID,timer); if(msobj.ScrollStep < 0)return; msobj.ID.onmousemove = function(event) { if(msobj.ScrollStep == 0 && msobj.Direction > 1) { var event = event || window.event; if(window.event) { if(msobj.IsNotOpera) { msobj.EventLeft = event.srcElement.id == msobj.ID.id ? event.offsetX - msobj.ID.scrollLeft : event.srcElement.offsetLeft - msobj.ID.scrollLeft + event.offsetX; } else { msobj.ScrollStep = null; return; } } else { msobj.EventLeft = event.layerX - msobj.ID.scrollLeft; } msobj.Direction = msobj.EventLeft > msobj.HalfWidth ? 3 : 2; msobj.AbsCenter = Math.abs(msobj.HalfWidth - msobj.EventLeft); msobj.Step = Math.round(msobj.AbsCenter * (msobj.BakStep*2) / msobj.HalfWidth); } } msobj.ID.onmouseover = function() { if(msobj.ScrollStep == 0)return; msobj.MouseOver = 1; clearInterval(msobj.TimerID); } msobj.ID.onmouseout = function() { if(msobj.ScrollStep == 0) { if(msobj.Step == 0)msobj.Step = 1; return; } msobj.MouseOver = 0; if(msobj.Stop == 0) { clearInterval(msobj.TimerID); msobj.TimerID = setInterval(msobj.StartID,timer); } } } setTimeout(msobj.Begin,waittime);}Marquee.prototype.Scroll = function(){ switch(this.Direction) { case 0: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollTop += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollTop >= this.ClientScroll) { this.ID.scrollTop -= this.ClientScroll; } this.ID.scrollTop += this.Step; } break; case 1: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollTop -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollTop <= 0) { this.ID.scrollTop += this.ClientScroll; } this.ID.scrollTop -= this.Step; } break; case 2: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollLeft += this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollLeft >= this.ClientScroll) { this.ID.scrollLeft -= this.ClientScroll; } this.ID.scrollLeft += this.Step; } break; case 3: this.CTL += this.Step; if(this.CTL >= this.ScrollStep && this.DelayTime > 0) { this.ID.scrollLeft -= this.ScrollStep + this.Step - this.CTL; this.Pause(); return; } else { if(this.ID.scrollLeft <= 0) { this.ID.scrollLeft += this.ClientScroll; } this.ID.scrollLeft -= this.Step; } break; }}
///////////////////////////////////////////////////
html文件:
<HTML ><HEAD><TITLE>網(wǎng)頁(yè)js特效,css群:122308198,網(wǎng)站重構設計,CSS大師</TITLE><META http-equiv=Content-Type content="text/html; charset=utf-8"><LINK href="css/163css.css" type=text/css rel=stylesheet><META content="MSHTML 6.00.6000.17092" name=GENERATOR></HEAD><BODY><SCRIPT language=javascript src="js/163css.js"></SCRIPT>	<h4>網(wǎng)頁(yè)js特效,css群:122308198,網(wǎng)站重構設計,CSS大師</h4>	<DIV id=marqueediv6 >		<UL>			<LI><A  target=_blank><IMG src="images/2010913844263191.jpg" ></A></LI>			<LI><A  target=_blank><IMG src="images/20108281445272753.jpg" ></A></LI>			<Li><A  target=_blank><IMG src="images/20108271637169127.jpg" ></A></LI>			<LI><A  target=_blank><IMG src="images/20108271639216120.jpg"  ></A></LI>			<LI><A  target=_blank><IMG src="images/20108281445592944.jpg"  ></A></LI>		</UL>	</DIV><script>new Marquee("marqueediv6",0,1,160,180,20,4000,1000);</SCRIPT></BODY></HTML>
///////////////////////////////////////////////////////////
css文件:
BODY {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px;PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Helvetica, sans-serif}UL {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}LI {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none}h4{ font-size:18px; text-align:center; width:100%; padding:20px 0;}#marqueediv6{ margin:10px auto;}#marqueediv6 li{ width:157px; height:58px; line-height:58px;background: bisque;}#marqueediv6 li img{border: #eee 1px solid; height:50px; width:100%;}



本站僅提供存儲服務(wù),所有內容均由用戶(hù)發(fā)布,如發(fā)現有害或侵權內容,請點(diǎn)擊舉報。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
jQuery實(shí)現圖片放大預覽效果
徹底弄懂CSS盒子模式(DIV布局快速入門(mén))
用CSS實(shí)現圖片的雙邊框效果
新旺鋪全屏輪播代碼(完美兼容版)
使用CSS為圖片添加更多趣味的5種方法
mui 圖片實(shí)現瀑布流顯示
更多類(lèi)似文章 >>
生活服務(wù)
分享 收藏 導長(cháng)圖 關(guān)注 下載文章
綁定賬號成功
后續可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久