採用獨自開發 RWD Bo-Blog插件 對應電腦版與手機版網頁。一次上架多版本對應、顯示迅速方便。
June 14, 2017
原來WIN7開始就能切換系統的繁體或簡體語言，包括各種語言。
以下是簡轉繁的方式
步驟如下：
1.進入控制面板->更改顯示語言
2.按安裝/卸載語言->安裝顯示語言
3.啟動Windows Update（選擇更新清單，手動安裝）->進入 xx個選擇可選更新 可用
以下是簡轉繁的方式
步驟如下：
1.進入控制面板->更改顯示語言
2.按安裝/卸載語言->安裝顯示語言
3.啟動Windows Update（選擇更新清單，手動安裝）->進入 xx個選擇可選更新 可用
December 26, 2014
兩張圖檔方式 w224 x h152 px
範例連結：
http://goo.gl/iw2C8F
註：開啟後，檢視原始碼。
範例連結：
http://goo.gl/iw2C8F
註：開啟後，檢視原始碼。
<style type="text/css">
#bButton a {
display: block;
overflow: hidden;
height: 0px;
width: 224px; /*圖檔寬度*/
background-image: url(img/a.png);
padding: 152px 0 0 0; /*圖檔高度 將圖檔移至顯示框外*/
}
#bButton a:hover {
background-image: url(img/b.png);
}
</style>
#bButton a {
display: block;
overflow: hidden;
height: 0px;
width: 224px; /*圖檔寬度*/
background-image: url(img/a.png);
padding: 152px 0 0 0; /*圖檔高度 將圖檔移至顯示框外*/
}
#bButton a:hover {
background-image: url(img/b.png);
}
</style>
October 11, 2011
DEMO
程序說明
原理就是通過不斷設置滑動對象的left(水平切換)和top(垂直切換)來實現圖片切換的動態效果。
首先需要一個容器，程序會自動設置容器overflow為hidden，如果不是相對或絕對定位會同時設置position為relative，
滑動對象會設置為絕對定位：
var p = CurrentStyle(this._container).position;
p == "relative" || p == "absolute" || (this._container.style.position = "relative");
this._container.style.overflow = "hidden";
this._slider.style.position = "absolute";
p == "relative" || p == "absolute" || (this._container.style.position = "relative");
this._container.style.overflow = "hidden";
this._slider.style.position = "absolute";
