DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 圖片在浏覽器中底部對齊 解決方法之一
圖片在浏覽器中底部對齊 解決方法之一
編輯:JQuery特效代碼     
style="vertical-align:bottom;"不管用,上網搜索說要用js實現,找了個代碼,測試不成功,主要是代碼太多太亂沒法心情測試了。
於是就自己寫吧。
. 代碼如下:
$(function () {
if ($.browser.msie || $.browser.mozilla || $.browser.opera) {//IE 火狐 Opera之類浏覽器
$(".productli img").each(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
if ($.browser.safari) {//如果是蘋果或chrome浏覽器
$(".productli img").load(function () {
var margin = 120 - $(this).height();
$(this).css("margin-top", margin + "px");
});
}
})


經測試以下浏覽器通過
IE6、 IE8、Chrome、 Opear、 FireFox、 QQ浏覽器、 360、 傲游、 蘋果
百度之類IE內核的就沒測了肯定能用。
期待更精簡代碼出現。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved