Home » jQuery 外掛

[jQ]jQuery IE6 hover support plug-in 1.1.0

[ 日期： | 瀏覽：8,836 | 迴響：6 ]
範例 1
請協助我把這個效果加到我的網站 (只要 200 元)
沒錯!只要 200 元就能獲得我們團隊完整的協助，讓效果能迅速的整合到您的網站，並保證瀏覽器的相容性。
立刻申請!



IE 6 雖然市佔率有往下降了，但很多時候設計網頁都會被要求讓它也能正常。不過 IE 6 對於 CSS 的支援度極差，常見的像是要使用 :hover 的動作都不行，通常都會特別用 JavaScript 來做 hover 的動作。但現在設計者只要用一般的 CSS :hover 的寫法就好，jQuery IE6 hover support plug-in 會自動讓 IE 6 支援我們寫的那些屬性設定的。

套件名稱：jQuery IE6 hover support plug-in
套件版本：1.1.0
作者網站：http://github.com/gilmoreorless/jquery-ie6hover
套件網址：http://plugins.jquery.com/project/ie6hover
發佈日期：2010-08-09
檔案大小：4.55 KB
檔案下載：jquery.ie6hover.js

參數說明：

檢視原始碼 JavaScript
1
2
3

future(選填)
描述： 若設為 true 時則用 .live() 方式來綁定事件; 否則預設是使用 .bind()
預設值： 無

方法說明：

檢視原始碼 JavaScript
1
2

// 修正 IE 6 不支援 hover 的問題
$.ie6hover(future);

使用範例：

檢視原始碼 JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.ie6hover.js"></script>
<style type="text/css">
ul li:hover {
	color: red;
	font-size: 24px;
}
.txt:hover {
	background-color: #ffc;
}
</style>
<script type="text/javascript">
	$(function(){
		// 修正 IE 6 不支援 hover 的問題
		$.ie6hover();
	});
</script>
 
<body>
	<ul>
		<li>我是選項 1</li>
		<li>我是選項 1</li>
	</ul>
	<input type="text" name="" class="txt" />
</body>
範例 1

檔案描述
基本的範例檔案(免空) 開始下載
基本的範例檔案 會員限定

6 筆針對 [jQ]jQuery IE6 hover support plug-in 1.1.0 的迴響

  3. 男丁老師，png好像會失效ㄝ，無法在ie6呈現出hover效果，使用了jquery.pngFix.pack也一樣，有辦法解決嗎，還是不要用png了

發表迴響