覽網站的時候，有些網站總是在右下角，左上角或者其他地方投放廣告。 我用jQuery試著自己做了一個，代碼如下，如有不對的地方請各位不吝賜教 效果圖如下 關於這個效果，我有以下思索： 1.可以添加一個計時器，倒計時‘還有5S關閉’，還有‘4S關閉’，告訴用戶這個廣告只是臨時投放，5S後自動關閉，這個可 ...
覽網站的時候，有些網站總是在右下角，左上角或者其他地方投放廣告。
我用jQuery試著自己做了一個，代碼如下，如有不對的地方請各位不吝賜教
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title> 6 <script src="jquery-1.8.3.js"></script> 7 <script type="text/javascript"> 8 $(function () { 9 $('#btn').click(function () { 10 //創建層 11 var divObj = $('<div style="width:200px;height:200px;position:absolute;right:0;bottom:0;background-color:orange"></div>').appendTo($('body')); 12 //創建右上角關閉按鈕 13 $('<sapn style="float:right;cursor:pointer; border:3px solid gray">X</span>').click(function () { 14 $(this).parent().remove(); 15 }).appendTo($(divObj)); 16 //添加廣告內容 17 18 }); 19 }); 20 </script> 21 </head> 22 <body> 23 <input type="button" name="name" value="顯示效果" id="btn"/> 24 </body> 25 </html>
效果圖如下
關於這個效果，我有以下思索：
1.可以添加一個計時器，倒計時‘還有5S關閉’，還有‘4S關閉’，告訴用戶這個廣告只是臨時投放，5S後自動關閉，這個可以增強用戶的體驗度，我們都知道瀏覽一些網站的時候，廣告老是占著地方在你們眼前晃悠，用戶體驗肯定不是很好，這可以很好的在廣告客戶和用戶體驗兩者之間進行一個平衡；
2.背景顏色之所以選擇orange，是因為orange是暖色，個人體驗，如果廣告背景是暖色的話，更願意讓他停留一些時間，相對比背景色是冷色的廣告；
3.當然這隻是一個小代碼，大神們把內容完成以後，可以進行封裝，使用起來肯定會更加方便。
