html5廣告懸浮問題怎么解決

這篇文章主要介紹了html5廣告懸浮問題怎么解決的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇html5廣告懸浮問題怎么解決文章都會有所收獲，下面我們一起來看看吧。

成都創新互聯專注于洮南企業網站建設,響應式網站建設,成都商城網站開發。洮南網站建設公司,為洮南等地區提供建站服務。全流程按需定制，專業設計，全程項目跟蹤，成都創新互聯專業和態度為您提供的服務

解決方法：

<！DOCTYPE html PUBLIC“-// W3C // DTD XHTML 1.0 Transitional // EN”“ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head >

<title >類似廣告懸浮< / title >

.img {

position：absolute;

寬度：100px;

高度：100px;

上：100px;

右：18px;}

</ div >

<腳本類型= “ text / javascript” >

var id = function（i）{return document.getElementById（i）}

var scroll = function（i）{

var space = id（i）.offsetTop;

id（i）.style.top = space +'px';

void function（）{

var goTo = 0;

var roll = setInterval（function（）{

var height = document.documentElement.scrollTop + document.body.scrollTop + space;

var top = parseInt（id（i）.style.top）;

goTo = height-parseInt（（height-top）* 0.9）;

id（i）.style.top = goTo +'px';

}

// else {if（roll）clearInterval（roll）;}

}，12）;

}（）

}

scroll（'sroling'）;

</ script >

</ body >

關于“html5廣告懸浮問題怎么解決”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“html5廣告懸浮問題怎么解決”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容