亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

超多簡單的無縫滾動代碼，文字+圖片

2024-09-05 12:17:59

字體：大中小

來源：轉載

供稿：網友

原理很簡單，注冊事件之后，立即將元素的innerHTML累加一次。
　　接著滾動開始，當滾動條到達元素的中間位置時：
　　不要在子元素上設置margin和padding，因為CSS對margin或padding的疊加機制，會導致滾動出現“跳躍”。穩妥的辦法是套一個內聯元素，然后再在里面設置margin或者padding！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">body{width:80%;margin:0 auto;color:#00a;}h2{font-size:120%;margin:1em auto;text-align:center;}div{border:solid 1px #0a0;font-size:12px;overflow:hidden;width:500px;margin:1em auto;}p{padding:0;margin:0;}p span{display:inline-block;margin:1em;}p b{margin:1em .5em;display:inline-block;font-size:120%;color:red;}.tips{border:solid 1px red;background:#FFC;padding:.5em;}</style><title>無縫滾動</title></head><body><h1>較簡單的無縫滾動實現辦法</h1><p class="tips">切記：不要在子元素上設置margin和padding，因為CSS對margin或padding的疊加機制，會導致滾動出現“跳躍”。穩妥的辦法是套一個內聯元素，然后再在里面設置margin或者padding！為什么滾動到一半就跳轉到頂部了呢？因為obj.innerHTML=obj.innerHTML+obj.innerHTML，它迷惑了你。。。。</p><h2>第一個，設置非標準屬性delay，所以要快些</h2><div   id="xuomzfa"   class="seamless" style="height:100px;" id="obj" delay="10">	<p><span>藍色理想維基是一個以藍色理想社區 用戶為基礎的維基系統。 只要是社區的用戶，并達到初級用戶級別，就能對本站的頁面進行增加和編輯。</span></p>	<p><span>我們目前使用這套系統來完成我們網站的各項幫助。比如論壇怎么使用，怎么找回密碼一類的問題。另外還用來記錄一些網站，會員的各項歷史信息。</span></p>	<p><span>長期的打算是解決社區的技術版塊中重復提出的基礎問題。因為論壇回復很不規范，需要用戶自己從回復中整理和測試，另外很容易被帖子內容淹沒，沒有有效地進行整理和規范。</span></p>	<p><span>我們想利用高素質的網站會員在HTML方面的專業知識，來完成一個協作的WEB知識庫，造福大眾。</span></p>	<p><span>藍色理想維基標識設計師是:bobpop，標識版權屬于支付寶。</span></p></div><h2>第二個，如果未設置delay，則默認100毫秒的頻率滾動</h2><div   id="qvxkmpg"   class="seamless" style="height:50px;">	<p><span>缺陷：不能對子標簽設置margin或者padding。</span></p>	<p><span>怎么辦呢？跟上面一樣，里面套一個span標簽，然后就可以設置margin，padding了。</span></p>	<p><span>算是一個缺點吧。</span></p></div><h2>第三個，可以停止的，因為class="seamless <strong style="color:red;">allowStop</strong>"</h2><div   id="brtgmwz"   class="seamless allowStop" style="height:90px;width:150px;" delay="10">	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/smile.gif" width="" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/frown.gif" width="50" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/redface.gif" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/biggrin.gif" width="90" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/wink.gif" width="120" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/tongue.gif" width="40" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/cool.gif" align="right" height="40" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/rolleyes.gif" width="70" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/confused.gif" /></span></p>	<p><span><img src="http://www.aspku.com/jscss/demoimg/201009/han.gif" /></span></p></div></body></html><script type="text/javascript">(function(c){	var obj=document.getElementsByTagName("div");	var _l=obj.length;	var o;	for(var i=0;i<_l;i++){		o=obj[i];		var n2=o.clientHeight;		var n3=o.scrollHeight;		o.s=0;		if(o.className.indexOf(c)>=0){			if(n3<=n2){return false;}			var delay=parseInt(o.getAttribute("delay"),10);			if(isNaN(delay)){delay=100;}			if(o.className.indexOf("allowStop")>=0){				o.onmouseover=function(){this.Stop=true;}				o.onmouseout=function(){this.Stop=false;}			}			giveInterval(autoRun,delay,o);			//關鍵之處！！			o.innerHTML=o.innerHTML+o.innerHTML;		}	}	//注冊函數	function giveInterval(funcName,time){var args=[];for(var i=2;i=n3/2){			o.scrollTop=0;			o.s=0;					}	}})('seamless')</script>

上一篇：CSS配合htc文件巧妙應用實現反轉按鈕

下一篇：輸入Email信箱地址自動提示，jquery插件版

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

国产精品中文久久久久久久| 国产精品亚洲一区二区三区| 欧美一区二区.| 国产精品香蕉av| 亚洲xxxx做受欧美| 亚洲色图15p| 国产成人精品综合| 亚洲视频日韩精品| 国产精品九九九| 最近2019年日本中文免费字幕| 国产精品亚洲第一区| 欧美激情精品久久久久久黑人| 91久热免费在线视频| 欧美大胆a视频| 日韩av电影中文字幕| 理论片在线不卡免费观看| 欧美黑人xxxx| 久久五月天色综合| 欧美电影在线免费观看网站| 韩国三级电影久久久久久| 久久精视频免费在线久久完整在线看| 久久视频在线播放| 国产精品成人久久久久| 亚洲精美色品网站| 日韩中文娱乐网| 国模极品一区二区三区| 色综合久久久888| 成人性生交大片免费观看嘿嘿视频| 成人久久久久久久| 成人福利网站在线观看| 亚洲国产精品久久| 日本精品久久久| 久久在线视频在线| 日韩乱码在线视频| 亚洲春色另类小说| 日韩一区二区三区在线播放| 欧美日韩成人在线视频| 97久久精品视频| 最近更新的2019中文字幕| 国产国产精品人在线视| 国产成人一区二区在线| 日韩av日韩在线观看| 青青精品视频播放| 色狠狠av一区二区三区香蕉蜜桃| 国产精品欧美一区二区| 精品视频在线播放色网色视频| 亚洲国产精品电影| 亲子乱一区二区三区电影| 久久精品国产亚洲精品| 91精品国产色综合久久不卡98| 亚洲专区中文字幕| 久久久国产一区| 国产成人一区二区三区电影| 亚洲人成电影在线观看天堂色| 亚洲欧美日韩图片| 欧美日韩国产激情| 日韩三级影视基地| 久久久午夜视频| 日韩激情av在线播放| 亚洲日本中文字幕免费在线不卡| 国产色视频一区| 亚洲国产成人爱av在线播放| 国产精品一区二区三| 久久久久久91| 国产日韩欧美黄色| 久久久日本电影| 91精品国产乱码久久久久久久久| 久久免费视频在线观看| 亚洲精品97久久| 亚洲欧美制服综合另类| 91国产精品视频在线| 欧美日韩在线免费观看| 亚洲欧洲一区二区三区久久| 日韩av网址在线| 欧美日韩国产色| 91影视免费在线观看| 欧美极品少妇全裸体| 欧美成在线观看| 川上优av一区二区线观看| 精品少妇一区二区30p| 欧美亚洲成人免费| 国产一区二区三区高清在线观看| 伊人久久五月天| 国产精品女视频| 日韩av片免费在线观看| 欧美日韩激情视频8区| 日韩高清人体午夜| 欧美做受高潮1| 5566日本婷婷色中文字幕97| 国产区精品视频| 狠狠色狠色综合曰曰| 精品无码久久久久久国产| 成人午夜两性视频| 午夜免费日韩视频| 色偷偷av一区二区三区| 欧美亚洲伦理www| 欧美日韩一区二区免费在线观看| 国产suv精品一区二区| 久久视频国产精品免费视频在线| 国产精品户外野外| 亚洲精选在线观看| 国产精品福利观看| 日韩欧美中文在线| 97国产一区二区精品久久呦| 欧美黄色片免费观看| 亚洲精品电影网在线观看| 国产精品∨欧美精品v日韩精品| 91sao在线观看国产| 亚洲欧美三级伦理| 久久久国产精品亚洲一区| 68精品国产免费久久久久久婷婷| 色诱女教师一区二区三区| 亚洲成在人线av| 色婷婷综合久久久久| 国产亚洲精品一区二555| 丝袜一区二区三区| 国产欧美精品xxxx另类| 亚洲第一精品夜夜躁人人爽| 亚洲精品www久久久| 久久国产色av| 国产91色在线|| 亚洲精品在线看| 国产精品久久激情| 日本欧美一级片| 亚洲精品视频播放| 亚洲第一偷拍网| 中文字幕日韩欧美精品在线观看| 尤物yw午夜国产精品视频明星| 亚洲在线观看视频网站| 精品久久久久久电影| 日韩精品中文字幕在线观看| 亚洲成人精品视频在线观看| 亚洲香蕉成视频在线观看| 国产精品第100页| 亚洲国产精品成人va在线观看| 色吧影院999| 亚洲欧美另类中文字幕| 国产日韩av在线| 国产热re99久久6国产精品| 这里只有精品久久| 欧美高跟鞋交xxxxxhd| 欧日韩不卡在线视频| 欧美做爰性生交视频| 成人激情黄色网| 欧美在线视频导航| 日本91av在线播放| 日韩av电影手机在线观看| 伊人一区二区三区久久精品| 亚洲精品wwwww| 欧美日韩亚洲激情| 91精品国产99久久久久久| 992tv成人免费视频| 亚洲国产精品电影| 国产精品久久久久国产a级| 久久久久国产精品一区| 97超碰色婷婷| 美日韩丰满少妇在线观看| 亚洲男人第一av网站| 国产成人jvid在线播放| 97人人做人人爱| 欧美日韩国产区| 国产做受高潮69| 亚洲色图在线观看| 91在线色戒在线|