Jquery外掛程式 浮動廣告

2022-07-04 19:45:09 字數 864 閱讀 5308

前幾天工作中碰到乙個在頁面中顯示浮動廣告的功能,這類

js**實在很多,所以打算在網上找個**複製一下就

ok了,找了半天卻沒有找到合適的。

雖然這些**都可以實現浮動層顯示在螢幕的固定位置,並隨著視窗滾動而滾動,但是現在顯示器普遍比較大,頁面內容只能顯示在螢幕的**,當浮動廣告在左側或右側時,只能設定離視窗邊框的距離,於是離內容區很遠。我想實現浮動層能正好在內容區域的邊上。

找了兩三個小時也沒有找到合適的,一生氣自己寫了乙個,只費了半個小時,呵呵。

**如下:

//設定浮動塊

//element:浮動窗的id

//position:基準位置,選項left、right或center,視窗左側還是右側,還是中心;預設是left

//distance:距離,離基準位置的距離,可以為正負值

//top:離視窗頂的距離

jquery.fn.floatbox=function(element,position,distance,top));

$(window).scroll(function (),);})}

上述**可以實現浮動塊居左,還是居右,還是居中;當居中時,可以設定distance的偏差值,如網頁的內容區域是1000px,則設定-500時浮動塊正好顯示在內容區的左側。

如下例**:

$(document).ready(function());

設定了兩個浮動塊,乙個在內容的左側,乙個在內容的右側;

我測試了一下,在ie6、firefox、chrome中都正常,其它瀏覽器沒有測試。

我個人感覺使用還算方便,不過也有一些欠缺,例如現在只是考慮到的左右的位置,沒有考慮諸如固定左下角、右下角之類的位置。還好**並不複雜,有興趣的朋友可以完善一下。

JQuery對聯廣告

示例 jquery對聯廣告 我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我是來佔位置的。我是文字,我...

jQuery 浮動標籤外掛程式,幫助你提公升表單使用者體驗

浮動標籤模式 float label pattern 是最新流行的一種表單輸入域的內容提示方式,當使用者在輸入框輸入內容的時候,原先佔位符的內容向上移動,顯示在輸入的內容的上面。這裡推薦的這款 jquery 外掛程式就是幫助你實現浮動標籤效果。關於浮動標籤模式更詳細的內容可以參考這篇文章 float...

為網頁新增浮動廣告

漫遊於網路之間,你會發覺,網際網路不但是資訊的海洋,也是廣告的海洋。除了普通的gif banner flash外,浮動廣告也是時下網上較為流行的廣告形式之一。當你拖動瀏覽器的滾動條時,這種在頁面上浮動的廣告,可以跟隨螢幕一起移動。儘管這種效果對於廣告展示有相當的實用價值,但對瀏覽你網頁的人來講,這則...