图片在浏览器中底部对齐 解决方法之一


Posted in Javascript onNovember 30, 2011

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内核的就没测了肯定能用。
期待更精简代码出现。

Javascript 相关文章推荐
JS 自动完成 AutoComplete(Ajax 查询)
Jul 07 Javascript
js parsefloat parseint 转换函数
Jan 21 Javascript
理解JavaScript中的对象 推荐
Jan 09 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
Dec 12 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
Aug 27 Javascript
浅谈JavaScript数据类型及转换
Feb 28 Javascript
EasyUI实现第二层弹出框的方法
Mar 01 Javascript
jQuery通用的全局遍历方法$.each()用法实例
Jul 04 Javascript
vue 指定组件缓存实例详解
Apr 01 Javascript
vue router的基本使用和配置教程
Nov 05 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
用Javascript评估用户输入密码的强度实现代码
Nov 30 #Javascript
用Javascript评估用户输入密码的强度(Knockout版)
Nov 30 #Javascript
Ubuntu 11.10 安装Node.js的方法
Nov 30 #Javascript
JavaScript中数组的排序、乱序和搜索实现代码
Nov 30 #Javascript
js常用代码段整理
Nov 30 #Javascript
firebug的一个有趣现象介绍
Nov 30 #Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 #Javascript
You might like
php接口数据加密、解密、验证签名
2015/03/12 PHP
PHP7新增运算符用法实例分析
2016/09/26 PHP
php事务回滚简单实现方法示例
2017/03/28 PHP
PHP字典树(Trie树)定义与实现方法示例
2017/10/09 PHP
PHP二维关联数组的遍历方式(实例讲解)
2017/10/18 PHP
getJSON调用后台json数据时函数被调用两次的原因猜想
2013/09/29 Javascript
用IE重起计算机或者关机的示例代码
2014/03/10 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
Jquery中find与each方法用法实例
2015/02/04 Javascript
初识Node.js
2015/03/20 Javascript
jQuery鼠标经过方形图片切换成圆边效果代码分享
2015/08/20 Javascript
js实现下拉列表选中某个值的方法(3种方法)
2015/12/17 Javascript
使用Function.apply()的参数数组化来提高 JavaScript程序性能的技巧
2015/12/23 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
BootStrap table表格插件自适应固定表头(超好用)
2016/08/24 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
2019/01/29 Javascript
axios如何取消重复无用的请求详解
2019/12/15 Javascript
[01:32]DOTA2上海特锦赛现场采访:最想COS的英雄
2016/03/25 DOTA
Python内置函数的用法实例教程
2014/09/08 Python
Python输出9*9乘法表的方法
2015/05/25 Python
Python安装官方whl包和tar.gz包的方法(推荐)
2017/06/04 Python
对Python中TKinter模块中的Label组件实例详解
2019/06/14 Python
大学系主任推荐信范文
2013/12/24 职场文书
信用社员工先进事迹材料
2014/02/04 职场文书
小学教师培训感言
2014/02/11 职场文书
职务聘任书范文
2014/03/29 职场文书
社会稳定风险评估方案
2014/06/02 职场文书
2015员工年度考核评语
2015/03/25 职场文书
中国梦宣传标语口号
2015/12/26 职场文书
初二数学教学反思
2016/02/17 职场文书
2016年社区植树节活动总结
2016/03/16 职场文书
描述鲁迅的名言整理,一生受用
2019/08/08 职场文书
Python趣味挑战之给幼儿园弟弟生成1000道算术题
2021/05/28 Python
「海贼王」112.9万粉丝纪念图标公布
2022/03/21 日漫
使用python绘制分组对比柱状图
2022/04/21 Python