前幾天工作中碰到乙個在頁面中顯示浮動廣告的功能,這類
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外,浮動廣告也是時下網上較為流行的廣告形式之一。當你拖動瀏覽器的滾動條時,這種在頁面上浮動的廣告,可以跟隨螢幕一起移動。儘管這種效果對於廣告展示有相當的實用價值,但對瀏覽你網頁的人來講,這則...