目前分類:電腦和網際網路 (4)
- Apr 30 Thu 2009 10:42
Microsoft AppLocale 公用程式
- Apr 26 Sun 2009 17:07
滑鼠移過表格變色之技術(JavaScript)
說真的,「滑鼠移過表格變色」或是「滑鼠移動列變色」這種概念實在是很難用中文來表達,當初為了找這種「變色」的相關程式碼,實在是花了不少直角不少功夫,用英文來找的話,就顯得簡單多了,英文的關鍵字為「change row color on mouseover」。
如果還是不曉得直角在說什麼的話,請直接看本文範例。
為了達到表格列(row)變色之目的,只要在表格中 <tr> 的標籤內加入以下的程式碼即可:
onMouseOver 的屬性為滑鼠移動時的顏色, 至於 onMouseOut 的屬性為滑鼠移走後之顏色,若不設定時,則為 <tr> 原本的背景色(bgcolor)。
站範例為使用 Javascript 所達到的技術,不論在 Firefox 或 IE 上皆可正常執行,可參考以下網址取得相關資訊:
- Apr 26 Sun 2009 01:12
AJAX Control Toolkit 3.5安裝到VS 2008的工具箱
雖然VS 2008已經內建 AJAX,但是微軟有蒐集許多好用的AJAX控制項,包裝起來,分享給大家。
但是,這個AJAX Control Toolkit 該怎麼安裝到我的VS 2008裡面呢?
1. 首先,下載軟體。http://www.codeplex.com/AjaxControlToolkit/Release/ProjectReleases.aspx?ReleaseId=16488
建議下載 [完整版](最上面的第一個,檔案容量3033K)
2. 然後,解開壓縮。
我會建議把解壓縮之後的完整目錄,COPY到 C:\Program files目錄下,比較不會被誤刪。
目前存放的目錄名稱為 C:\Program files\AjaxControlToolkit-Framework3.5SP1
3. 打開您的 VS 2008,強烈建議已經升級到 SP1。
在右邊的「工具箱」,按下「滑鼠右鍵」,加入「索引標籤」。
以我為例,輸入「AJAX Control Toolkit 3.5」。
4. 再來一次,在右邊的「工具箱」,按下「滑鼠右鍵」,選取「選擇項目」。
這動作比較耗時,要耐心等一下。........完成後,會看見下面的畫面。
5. 到剛剛解壓縮的 C:\Program files\AjaxControlToolkit-Framework3.5SP1 目錄底下
找 WebSites\Bin目錄,有一個 Ajaxcontroltoolkit.DLL檔。
完成後,就OK啦!
看下圖,已經出現 AJAX的控制項囉!
完成上面步驟,就OK啦。
我的VS 2008,已經多了 AJAX Control Toolkit 3.5 (SP1版)。
本文引用網址:http://www.cnblogs.com/yjg8116/archive/2008/12/05/1348102.html
- Apr 26 Sun 2009 01:09
純CSS浮動工具提示的作法
關於工具提示(Tooltip),或者說網頁上的浮動附加說明效果,最常見的作法大概是以JavaScript或JQuery來做。
大約在兩年前,曾有一陣子很流行自製網站連結預覽,無論是自己去抓特製的浮動預覽JS(*.js, JavaScript)語法來用,或者直接使用Snap Shots™這一類連結預覽服務網站所提供的語法,運作邏輯大抵上都不出JavaScript或jQuery的範圍。
然而,JavaScript或jQuery雖然好用,但,就我個人實作的心得,仍不免會有以下幾點疑慮:
- 耗資源
- 或多或少拖慢網頁載入速度
- 不同瀏覽器及版本的效果與衍生的問題不一
- 有可能產生程式衝碼
因此,大概只使用了一年就決定放棄,轉而思考以純CSS的作法來達到相彷的效果。
理論上,以純CSS來完成浮動工具提示,似乎只要在「display」的宣告參數上,應用「none」及「block」來切換浮動訊息的顯示與否,配合絕對定位position:absolute的「z-index」參數宣告,最後再以「a」及「a:hover」來觸發浮動工具提示,應該就大功告成。
不過,真正實作起來,還是費了一番功夫,才總算調校測試完成。
幾天前,我在這篇文章開始試用這個「純CSS浮動工具提示」的作法,效果似乎還不錯:
最起碼,不會再有耗資源、拖慢網頁速度、瀏覽器效果不一,以及程式衝碼的問題。
以下整理「純CSS浮動工具提示」的作法:
首先,是CSS的宣告部份:/* Jas's CSS ToolTip */
a.jastips{