Home » jQuery 外掛

[jQ]jQuery IE6 hover support plug-in 1.1.0

範例 1
沒錯!只要 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 的迴響

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

發表迴響