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";
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>

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>

<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>


速度可至 islider.js 中調整

Demo:
http://apao.zapto.org/~apao/
August 31, 2011
點擊在新視窗中瀏覽此圖片
▲當頁面讀進來時,像是上下開啓的門,並做淡入的功能

IntroTzikas - Animated Intro - jQuery Plugin 下載以下需要的 js
July 29, 2011
點擊在新視窗中瀏覽此圖片
demo:jQuery Bubble Popup

這個是以事前指定氣球出現的說明文字但是不是在(TITLE)上指定。可更改淡入淡出的方式,也可更改氣球的顏色,說明文字的多寡,氣球會自動調整。由於淡入淡出的方式,不會影響畫面整體的感覺。

下載點:
http://plugins.jquery.com/project/jqBubblePopup
April 26, 2011
1.新增[FBML]功能
先在Facebook內搜尋到[Static FBML]增至[喜愛的專頁]  (WHY?)。

點擊在新視窗中瀏覽此圖片

2.檢查[FBML]是否增加有到應用程式中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式],檢視[FBML]是否被加入[應用程式]中。

3.增加程式內容
a.進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>按[編輯設定]並新增FBML

4.增設html碼於FBML中
進入專頁>於[個人網站]首頁上方按[編輯內容]>找到[應用程式]>選取[FBML]>[前往應用程式]編輯html程式碼。
註:網路上有網頁介紹FBML可以增設FBML,但因Facebook常常變更格式,現階段無法增設第二個FBML。

以下為範例程式碼:
分頁: 9/13 第一頁 上頁 4 5 6 7 8 9 10 11 12 13 下頁 最後頁
[ 顯示模式: 摘要 | 清單 ]