網頁廣告的展示demo

2022-09-09 01:54:14 字數 1730 閱讀 3044

為了練習j**ascript,做了乙個簡單的demo,實現的是廣告從頂部慢慢拉出到最大,然後停留2s,再收縮到比較小且可以關閉的廣告特效。可以替換為任意其他的。

**如下

1doctype html

>

2<

html

>

3<

head

lang

="en"

>

4<

meta

charset

="utf-8"

>

5<

title

>

title

>

6<

style

>

7#ad

14#main

19#close

31style

>

3233

head

>

34<

body

>

35<

div

id="ad"

>

36<

img

src="ad.png"

id="imgad"

width

="962"

height

="386"

>

37<

img

src="cur.png"

id="curad"

width

="1199"

height

="68"

>

38<

span

id="close"

>x

span

>

39div

>

40<

div

id="main"

><

img

src="數字商品-10-23.jpg"

>

div>

41<

script

>

42var

oimgad

=document.getelementbyid(

'imgad');

43var

oad=

document.getelementbyid('ad

');44var

ocur

=document.getelementbyid(

'curad');

45var

closebtn

=document.getelementbyid(

'close');

46varh=

0;47var

maxh

=oimgad.height;

48var

minh

=ocur.height;

49function

down()

5058

else61}

62function

up()

68else72}

73closebtn.onclick

=function

()76

settimeout(down,

1000

);77

script

>

78body

>

79html

>

遮蔽網頁廣告

2.外掛程式安裝 chrome的離線外掛程式通常是以crx為字尾名的乙個檔案 1 在獲取到crx的離線外掛程式檔案後,直接在瀏覽器的位址列中輸入chrome extensions 進入外掛程式管理後台 2 開啟開發者模式 3 關閉重啟瀏覽器 4 在瀏覽器的位址列中輸入chrome extension...

小程式開屏廣告demo

相信在座的各位都有見過大部分的應用開啟的時候都會有個全屏的廣告。但是小程式的會比較少一點,因為小程式開啟載入的時候已經需要消耗不少時間了,所以基本都不會去做這個,影響使用者的體驗。最近有個客戶要做這個,於是折騰了一下。注意 因為市面上有各種各樣的手機,所以我們一定要適配各種手機的解析度 專案結構 列...

ios MKWebView網頁展示資料

1.h中 用來傳值給urlstring 便於呼叫展示資料 property nonatomic strong nsstring urlstring 2.匯入標頭檔案 import3.展示資料 self.view.backgroundcolor uicolor whitecolor 網頁檢視 ios1...