發卡布洛 所有內容 採用
創用 CC 姓名標示-非商業性-禁止改作 2.5 台灣 授權條款授權.
- Apr 26 Sun 2020 15:01
-
jQuery|痞客邦左側浮動欄自動收起
- Aug 11 Wed 2010 03:29
-
jQuery|在FC2BLOG中使用側邊欄開關的效果

有網友問到能不能在 FC2BLOG 中使用側邊欄開關的效果。可以的,只要在 FC2BLOG 的html編輯區的body標籤下輸入以下語法就可以使用了: <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$(".plg_title").css("cursor","pointer").click(function(){
if($(this).next().css("display")=="none")
$(this).next().fadeIn("fast")
else
$(this).next().fadeOut("normal")
});
});
</script>
- Nov 13 Fri 2009 14:33
-
jQuery|blogger側邊欄開關效果
使用前先引入jquery
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"
type="text/javascript"></script>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"
type="text/javascript"></script>
- Aug 11 Tue 2009 05:52
-
jQuery|在痞客邦版主回覆區使用表情圖示
痞客邦把部落格板主回覆區塊的 html 鎖起來了,也就是當我們在張貼<、>這類符號時,他會將這兩個字元轉換為<、>,但是我們可以透過一個簡單的replace語法,再把這兩個符號給轉換回來。不過為了貼圖方便,我們不必那麼死板板的單純只做轉換,可以仿造cbox的貼圖方式,設計一個貼圖語法為:[img:圖片網址]。
將以下語法張貼在頁尾描述即可:
將以下語法張貼在頁尾描述即可:
- Feb 20 Fri 2009 07:00
-
jQuery|痞客邦側邊欄位伸縮選單有更容易的配置方法囉

剛剛改寫了一下程式,透過新的方法我們不需要去找尋區塊的 ID 名稱就可以將特定的區塊隱藏起來。請到後台的公告區塊內加入以下程式:
<script type="text/javascript">
//選單切換速度選擇 1.fast(快) 2.normal(正常) 3.slow(慢)
var rate="normal";
//是否顯示[+/-]? 顯示1; 不顯示0
var icon="1";
jQuery.getScript("http://feka.eu5.org/js/pix_menu.js");
</script>
- Feb 17 Tue 2009 05:53
-
jQuery|由網友自行決定要不要顯示廣告區塊@痞客邦
經營部落格或許可以為自己增加一些額外的收入,但要是廣告放多了也是蠻惹人嫌的。好啦,這並不是本篇的重點,經營部落格的這兩年來,我發現會點廣告的人就是會去點,不會點的人就算你放再多廣告他也不會點,既然如此,那我們何不讓使用者自行決定要不要在網頁中顯示廣告呢?
可能會有很多站長認為我瘋了,不過就站在一個網頁瀏覽者的立場來說,比較進階的玩家們不也常常使用adblock、stylish、RIP這類火狐的套件來擋掉某些網站的廣告嗎?我的觀點是,與其讓使用者花心思去擋廣告,我們不如直接做一個廣告開關方便使用者們做切換,要是使用者認為你的網頁內容寫的真的很不錯,我想他們一定也會很高興地點選廣告給你一點鼓勵的。但在這之前,我們還是先還給使用者一個乾淨的瀏覽介面吧!
可能會有很多站長認為我瘋了,不過就站在一個網頁瀏覽者的立場來說,比較進階的玩家們不也常常使用adblock、stylish、RIP這類火狐的套件來擋掉某些網站的廣告嗎?我的觀點是,與其讓使用者花心思去擋廣告,我們不如直接做一個廣告開關方便使用者們做切換,要是使用者認為你的網頁內容寫的真的很不錯,我想他們一定也會很高興地點選廣告給你一點鼓勵的。但在這之前,我們還是先還給使用者一個乾淨的瀏覽介面吧!
- Feb 14 Sat 2009 05:39
-
jQuery|去除天空部落點選誰來我家時跳出的廣告

因為想把寫心情的部落格搬到天空,主要是因為天空部落把日記跟網誌分開,這樣如果我想寫心情可以在日記寫。想寫電影、音樂…就在網誌寫,這個功能還蠻吸引我的。
剛剛試了一下天空部落,想習慣天空的操作,無奈無名的MT檔一直無法匯入到天空。我就到小尖兵站管部落格看看有什麼新的公告,這才發現有一堆使用者在抱怨,原來天空把廣告動到「誰來我家」上面了:
- Feb 11 Wed 2009 20:28
-
jQuery|在痞客邦部落格文章內置入Google Adsense (2)(不透過iframe)

上次發了一篇 jQuery|在痞客邦部落格文章內置入Google Adsense(1)(透過iframe),雖然 google 准許我們將廣告放在內置框架中,但總覺得怪怪的,主要還是把怕 google adsense 放在框架頁中會抓不到網頁的關鍵字。而 google 的 show_ads.js 也是利用框架頁的方式來放廣告的,如果我們也使用框架頁,它就被放在兩層框架中了。這幾天我研究了一下,還是沒辦法單純使用 jQuery 的 append() 來置入 show_ads.js,直接 append show_ads.js 網頁會顯示一片空白。用 firebug 觀察,發現網頁除了會在 head 裡置入一個 window.google_render_ad() 外,就什麼都沒有了: 但奇怪的是,透過 Javascript 最原始的寫法 innerHTML 卻可以成功地將 show_ads.js 載入,我想破頭都想不出是什麼原因…。推測可能是 google 的 show_ads.js 在抓取網頁內容決定如何將廣告做顯示的這個動作可能跟 jQuery 在執行 append() 的動作有衝突。 雖然我們無法使用 append() 將 show_ads.js 載入 .article-content,但我們可以利用 innerHTML 把 show_ads.js 載入 #article-content。疑~?痞客邦的文章內容區塊不是 .article-content 嗎?別忘了!jQuery 有個方法叫做 attr() ,我們可以將 .article-content 這個 div 再加上一個 id 的屬性,這樣就可以使用 InnerHTML 在 div id 中置入 show_ads.js 了:
- Feb 10 Tue 2009 06:42
-
jQuery|在網頁中快速編輯 jQuery - jQuerify 書籤

剛剛在查找 jQuery 函式時逛到了這個東西 - jQuerify Bookmarklet。看看貼文日期已經蠻久了,不過用 google search 了一下,好像還沒有多少中文使用者知道的樣子。詳細使用方法可以看原始出處的說明,如果看不懂…就只好看我破破的說明了。這支程式很簡單,它只是用 javascript 在你的 body 這個標籤中加入最新的 jquery.js:var s=document.createElement('script');
s.setAttribute('src','http://jquery.com/src/jquery-latest.js');
document.getElementsByTagName('body')[0].appendChild(s);
- Feb 10 Tue 2009 06:05
-
jQuery|刪除 Hinet 網頁空間的廣告
有個同學的網站存放在 Hinet 空間,他的網頁的右邊都被加了一個很大的橫幅廣告,由於這個廣告是用 JavaScript 產生框架再加上的,無法單純用 CSS 把它隱藏起來,但透過 jQuery,我們可以很容易地將這個框架頁拿掉:
(加在網頁最上方)
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(parent.document.getElementById("MywebFrameSet_120300")).removeAttr("cols");
$(parent.document.getElementById("adpage")).remove();
</script>
(加在網頁最上方)
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(parent.document.getElementById("MywebFrameSet_120300")).removeAttr("cols");
$(parent.document.getElementById("adpage")).remove();
</script>
- Feb 03 Tue 2009 20:15
-
jQuery|Xuite動態伸縮選單

今天研究了一下 Xuite 動態伸縮選單的寫法,一次補齊好了。首先進入管理後台,創一個自由欄位,在欄位中寫入:<script type="text/javascript">
$(function(){
$(".side").children().css({display:"none"});
// 預設是全部的區塊都會隱藏,如果想顯示某些區塊,
// 請在下面加入要顯示的區塊號碼,例如要顯示第11個區塊就填:
$($(".side")[11]).children().css({display:"block"});
// 加在這上面(一行一行加入)
$(".personaltitle").css({cursor:"pointer"}).click(function(){
$(this).next().toggle("fast")
});
$(".sidetitle").css({cursor:"pointer"}).click(function(){
$(this).next().children().toggle("fast")
});
});
</script>
- Feb 02 Mon 2009 21:50
-
jQuery|在痞客邦部落格文章內置入Google Adsense (1)(透過iframe)
如果你有申請 Google Adsense,你會將廣告投放在網頁中什麼地方?側邊欄嗎?由於網友們瀏覽網頁時都是看文章內容,不見得會注意到側邊欄的廣告,把廣告放在文章結束的地方是再好不過了。我在網路上找到了許多的方法,寫法有千千百百種,但方法大致上都是一樣的:用 Javascript 把 google adsense 的 ad code 放到某個 div 區塊中。 像是使用 getElementById 來取得 div id 的名稱,再用 innerHTML 將 ad code 置入這個區塊(參考資料)。但由於痞客邦的文章內文的 div 是 class 屬性,無法使用 getElementById 來取得區塊,而且 Javascript 也沒有 getElementByClass 這個方法,雖然有個外國人寫了一個 getElementByClass 的 function ,但實際應用在痞客邦時,不知道是不是跟痞客邦的程式有相衝,也無法使用。 既然無法用純 Javascript 來達成功能(不是不能,應該是說我的程式功力有限),那我們何不利用 jQuery 強大的選擇器來選取 class 區塊呢?

