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


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 相关文章推荐
Textarea与懒惰渲染实现代码
Jan 04 Javascript
javascript通过className来获取元素的简单示例代码
Jan 10 Javascript
jquery进行数组遍历如何跳出当前的each循环
Jun 05 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
js点击选择文本的方法
Feb 09 Javascript
谈谈Jquery中的children find 的区别有哪些
Oct 19 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
jQuery实现标签页效果实战(4)
Feb 08 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
看看“疫苗查询”小程序有温度的代码
Jul 31 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
jQuery实现聊天对话框
Feb 08 jQuery
用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 文章调用类代码
2011/08/11 PHP
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
laravel-admin表单提交隐藏一些数据,回调时获取数据的方法
2019/10/08 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
js 未结束的字符串常量错误解决方法
2010/06/13 Javascript
关于js数组去重的问题小结
2014/01/24 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
js和jquery实现监听键盘事件示例代码
2020/06/24 Javascript
实例讲解Jquery中隐藏hide、显示show、切换toggle的用法
2016/05/13 Javascript
Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
2016/07/01 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
2017/01/19 Javascript
Nodejs实现短信验证码功能
2017/02/09 NodeJs
axios学习教程全攻略
2017/03/26 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
requirejs + vue 项目搭建详解
2017/06/16 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
Vuex模块化应用实践示例
2020/02/03 Javascript
webpack.DefinePlugin与cross-env区别详解
2020/02/23 Javascript
vue从后台渲染文章列表以及根据id跳转文章详情详解
2020/12/14 Vue.js
编写Python脚本来实现最简单的FTP下载的教程
2015/05/04 Python
Python实现将Excel转换成为image的方法
2018/10/23 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
Python3 单行多行万能正则匹配方法
2019/01/07 Python
浅谈图像处理中掩膜(mask)的意义
2020/02/19 Python
HTML5之tabindex属性全面解析
2016/07/07 HTML / CSS
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
全世界最美丽的四星和五星级酒店预订:Prestigia.com
2017/11/15 全球购物
一些网络技术方面的面试题
2014/05/01 面试题
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
国际商务系学生个人的自我评价
2013/11/26 职场文书
党章学习思想汇报
2014/01/14 职场文书
2014社区三八妇女节活动总结
2014/03/01 职场文书
小学德育工作总结2015
2015/05/12 职场文书
2015年机关党建工作总结
2015/05/22 职场文书
《草船借箭》教学反思
2016/02/23 职场文书