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";
October 9, 2011
Mouseinfobox plugin for jQuery下載相關檔案
<link rel="stylesheet" href="jquery.mouseinfobox.css" media="all" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.mouseinfobox.js"></script>
<script>
$(function(){
$('.class名').infoBox({
animation: ['opacity', 'bottom'], //動畫 透過與位置
animDuration 200, //動畫速度
offsetX: 20, //x位置
offsetY: -20, //y位置
bottomPos: true, //從bottom顯示
rightPos: false //從right顯示
});
});
</script>
以及在class名上顯示的內容於title上記述。
<div class="class名" title="ツールチップテキスト">テキスト</div>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.mouseinfobox.js"></script>
<script>
$(function(){
$('.class名').infoBox({
animation: ['opacity', 'bottom'], //動畫 透過與位置
animDuration 200, //動畫速度
offsetX: 20, //x位置
offsetY: -20, //y位置
bottomPos: true, //從bottom顯示
rightPos: false //從right顯示
});
});
</script>
以及在class名上顯示的內容於title上記述。
<div class="class名" title="ツールチップテキスト">テキスト</div>
October 6, 2011
September 22, 2011
請確保輸入正確的用戶名和密碼。如果您忘記了輸入密碼，然後點選登入；或者如果當您點選登入時，您沒有使用用戶名和密碼，您都將會得到這個錯誤。
這些錯誤也可能會出現在如果Windows Live Messenger無法識別您設置的記住您的帳號和密碼，隱藏檔損壞或者瀏覽器部分設置有關。您可以嘗試以下方法解決這個問題：
1. 刪除存儲於Messenger登入視窗中的登入資訊：
a. 點選Messenger用戶端，然後打開Messenger登入視窗。
b.選取列表中的一個Windows Live ID帳號，點選不要記住（位於記住我的登入資訊的附近）。
c.執行此步驟是針對於在登入視窗中每個已存儲的帳號。
d.重新輸入您的Windows Live ID和密碼，然後點選登入。
如果您忘記了您的Windows Live ID密碼，請參閱該解決方案。
2. 重要：在開啟Windows Live Messenger後，請您確認您是在英文輸入法狀態下輸入的密碼。
如果問題依然存在，這可能是由於隱藏檔被損壞造成的，我們建議您按照如下步驟進行相關的優化設置：
September 5, 2011
▲ 這是讓圖檔可以由右至左移動，並替換的功能
下載相關檔案 iSlider - Photo Slider - jQuery Plugin
<link rel="stylesheet" type="text/css" href="islider.css" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="islider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().islider();
});
</script>
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="islider.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$().islider();
});
</script>
<div class="window">
<div class="islider"><img src="1.jpg" /></div>
<div class="islider"><img src="2.jpg" /></div>
<div class="islider"><img src="3.jpg" /></div>
<!-- 以下画像分 -->
</div>
<div class="islider"><img src="1.jpg" /></div>
<div class="islider"><img src="2.jpg" /></div>
<div class="islider"><img src="3.jpg" /></div>
<!-- 以下画像分 -->
</div>
速度可至 islider.js 中調整
Demo:
http://apao.zapto.org/~apao/
