Javascript+PHP簡單的跳出詢問確認視窗語法return confirm

在input標籤或是a標籤裡面加上 onclick="return confirm('yes or no');"
這一段，就會在按下按鈕時跳出是否確定執行的確認視窗

例如：
input type="submit" value="送出" onclick="return confirm('是否確認刪除這筆資料');"

a href="xxxx.php"  onclick="return confirm('使否確定要執行這個動作？');"

解決LightBox的title標籤在滑鼠滑過影像圖片上，會出現黃色方塊title文字的問題

1.打開lightbox的js; 例如：js/lightbox-2.6.min.js

2.搜尋裡面一段 attr('title') ，把裡面的title改為自己設定的名稱，譬如說改為：attr('lightbox_title')

3.在html頁面上  lighbox影像<a>標籤上原本的title="文字文字文字"，改為lightbox_title="文字文字文字" 即可。

可以顯示圖片、影片、Flash Swf、Youtube連結、mp4、m4v、flv、ogg、ogv影片檔的多功能jQuery lightbox

原檔出處：http://html5box.com/html5lightbox/

要崁入youtube，就直接把youtube的網址貼在<a>標簽內即可...

Css讓ul在div裡置中

li下float:left;時要讓ul在DIV中置中：

例：要讓ul在id為" HEADER"的div裡面置中

#HEADER{
width: 1000px;
height: 190px;
display: block;
margin: 0 auto;
text-align: center;
}


#HEADER ul{
margin: 0;
padding: 0;
display: inline-block;
}

#HEADER li{
float: left;
height: 30px;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
list-style-type: none;
color: gray;
}

用google文件的pdf檢視器將pdf檔案用iframe嵌入html頁面

使用下列語法：

〈iframe src="http://docs.google.com/gview?url=http://example.com/我的pdf檔.pdf&embedded=true" style="width:718px; height:700px;" frameborder="0"〉〈/iframe〉

可以實現把pdf檔案嵌入html頁面

WOWslider java特效 去除浮水印的方法

For  wow slider 2.7.1 版

1.先用原本的圖片把data1/images/裡面加了浮水印的圖片覆蓋

2.打開engine1資料夾內的 wowslider.js 

3.用尋找功能找到這一段「zIndex:11,right:"5px",bottom:"2px"」

4.在後面加上  ,display:"none"  也就是變成「 zIndex:11,right:"5px",bottom:"­2px",display:"none" 」

5.按儲存，就大功告成了

youtube上的教學影片...不過是for舊版 下方的討論裡面有人提供新版的去除方法

div css 教學網站收錄

divcss5

可以用javascript實現的10種圖片特效

原文網址

參考網址

安裝方法：

將下載的壓縮包解壓之後上傳到網站空間，然後在需要顯示效果的head裡添加代碼，比如高光陰影效果Glossy，添加的代碼是：
<script type="text/javascript" src="glossy.js"></script> 
對於Wordpress，可以在header.php裡添加。如果只要求文章頁裡出現效果，也可以考慮在single.php裡添加。
然後，在想要顯示特效的圖片的<img>標記裡添加：
class="glossy"
這樣效果就出現了。
其它效果添加方法類似。

google chrome 無法將字型設定小於12px的解決方式

 Chrome要將字體大小設於小於12px

須在css上加上一個webkit獨有的屬性

-webkit-text-size-adjust:none;

解決png檔案在ie6下背景不透明的問題

http://christopherschmitt.com/2007/10/30/png-transparency-for-internet-explorer-ie6-and-beyond/

[CSS Hack]解決IE6、IE7、IE8、Firefox、safari的瀏覽器相容性問題！

參考網頁：http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/

.className {

font-size:12px; \*這一行所有瀏覽器都看得懂，所以是給Firefox套用的*\

font-size:14px\9; \*這一行則是所有的ie都看得懂*\

font-size:14px\0;   \*這一行只有ie8看得懂*\

[;font-size:16px;] \*這一行專門給Chrome跟Safari用，不過IE6跟7也看得懂喔*\

＊font-size:18px; \*這一行給ie7*\

_font-size:20px; \*這一行給ie6*\

}

給Firefox套用的要寫在給Google Chrome跟Apple Safari使用的前面，
否則firefox上的會無效。

給Google Chrome跟Apple Safari使用的css hack一定要寫在ie8的設定後面，

若是沒有依照此種順序，將會造成後續ie6與ie7的css hack設定無效。

如何正確實作出固定寬度且置中的版型[引用]

參考網站

http://www.jaceju.net/blog/archives/9/

標籤運用 : HTML Tags UL - LI - OL - MENU - DD - DT - DIR - TYPE

HTML Tags including UL - LI - OL - MENU - DD - DT - DIR - TYPE

常見的 Autorun 寫法

常見的 Autorun 寫法
A. 光碟置入後自動啟動執行檔
準備檔案 icon.ico, some.exe

autorun.inf

[autorun]
label=光碟名稱
icon=icon.ico
open=some.exe

B. 光碟置入後自動啟動 flash

準備檔案 icon.ico, flash.exe 

autorun.inf

[autorun]
label=光碟名稱
icon=icon.ico
open=flash.exe

C. 光碟置入後自動開啟網頁

準備檔案 icon.ico, index.html

autorun.inf

[autorun]
label=光碟名稱
icon=icon.ico
open=command /c start index.html

若要執行多層目錄，寫法如下：（開啟資料夾 data 裡的 setup.exe）
open=data\setup.exe


摘錄自：http://thucop.ysdc.biz/2008/05/autorun.html

解決表單form高度問題

在製作表單時,當要插入表單于表格中時往往會出現表格的高度變大,並不是我們想要的效果,這類出問題出現的原因是<form>標籤出現在了<table>的前面,如下:
程式碼<form name="test" method="post">
<table>
<tr>
<td>
</td>
</tr>
</table>
</form>

解決的方法很簡單:即將<form>放在<table>與<tr>之間,如下:
程式碼<table>
<form name="test" method="post">
<tr>
<td>
</td>
</tr>
</form>
</table>

或者

<table>
<tr>
<form name="test" method="post">
<td>
</td>
</form>
</tr>
</table>

問題是解決了,但同時也帶來其他的問題.那就是當我們用MS的Webdesigner之類的工具再次打開這頁面時,提示標籤錯誤,這類軟體要求<form>標籤要放在<table>的外面...

放在外面就會出現高度增加的情況,反正IE和FF都能正常解釋,所以不用管了,就放在裏面好了.

不過,這不代表問題從根本上得到解決,畢竟這樣的代碼是通過不了驗證的,也就是說不是符合標準的,當w3c不讓我們用table來排版的時候,就需要用其他的方法.讓我們來看看從根本上解決問題的方法:

程式碼

<style>
   form{margin:0}
   </style>

==========================================
收錄自http://hi.baidu.com/yytao/blog/item/3ac6b1de570a2851cdbf1a06.html

用css製作表格隔行換底色的方法

方法ㄧ：用CSS快速製作Table表格隔行換底色的方法(IE7、8 不支援) CSS部分 html部分 <div class="myTable"> <table cellpadding="3" cellspacing="1" border="0" bgcolor="gray" width="100px"> <tr><td>《静夜思》</td></tr> <tr><td>窗前明月光</td></tr> <tr><td>疑是地上霜</td></tr> <tr> <td>舉頭望明月</td></tr> <tr> <td>低頭思故鄉</td> </tr> </table> </div> 上述的方法可以快速的用CSS達成表格隔行換色，但是....IE7、8 就不支援，所以請見下方方法二 方法二：透過jquery達成 在html的內加入 //jquery js檔案的位置 這樣文件內加入的表格的行列背景色就會自動轉換

用css的span標籤做點選

快來<span onClick=alert('跳出的警告視窗！')>按我</span>吧！

測試：
[按我]

應該是onClick加在table裡面也可以吧！

css預載切換背景的小技巧

css預載切換背景的小技巧

http://www.neo.com.tw/archives/761

別讓你的瀏覽者等超過8秒: Flash(.swf)檔案大小控制

參考如下：
別讓你的瀏覽者等超過8秒: Flash(.swf)檔案大小控制

讓不同瀏覽器讀取不同的css設定

只要在css屬性前加上 # <---ie7.0以上使用 或是_ <---ie6.0使用 即可，例：
#style {
margin: -5px 0 15px 0;
/* firefox 將會使用這一行設定 */
#margin:0px;
/* IE7.0以上 將會使用這一行設定 */
_margin:0px;
/* IE6.0 將會使用這一行設定 */
}