jQuery设置图片等比例缩小的方法
更新时间：2017年04月29日 10:22:42 作者：PHP二次开发
这篇文章主要介绍了jQuery设置图片等比例缩小的方法,涉及jQuery针对页面元素属性动态判定与设置相关操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery设置图片等比例缩小的方法。分享给大家供大家参考，具体如下：
网站的内容页面，经常要放图片，如果图片太大会撑出，影响页面美观。如果只是用css限制图片的最大宽度，会引起图片的变形，这里建议还是用js来实现，实现方式如下：
<script language="javascript" type="text/javascript">
window.onload = function () {
//判断图片大小，超过一定宽度，要通过js定义图片大小
$.each($(".sec-content img"), function (i, v) {
if (v.width > 740)
{
v.width = 740; //重定义编辑器自带的宽度
v.removeAttribute('height'); //移除编辑器自带的图片高度
}
});
}
</script>
注意，引用本方法前前先引入jQuery。$(".sec-content img")这里是文章内容中的图片筛选。
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery图片操作技巧大全》、《jQuery表格(table)操作技巧汇总》、《jQuery切换特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
相关文章
这篇文章主要介绍了jQuery延迟执行的实现方法,结合简单实例形式分析了jQuery针对无法同步执行的情况使用延迟执行的操作技巧,需要的朋友可以参考下2016-12-12
这篇文章主要介绍了jQuery ztree实现动态树形多选菜单，ztree动态树形菜单，初始化加载和延迟加载，感兴趣的小伙伴们可以参考一下2016-08-08
需要在页面中一个小的区域循环滚动展示新闻并且鼠标悬停时停止滚动并提示，离开后，继续滚动，具体实现如下，喜欢的朋友可以参考下2013-09-09
下面小编就为大家带来一篇使用jQuery5分钟快速搞定双色表格的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-08-08
这篇文章主要为大家详细介绍了jQuery实现div跟随鼠标移动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
本文给大家总结了10款本站今年比较热门的html5/css3的动画特效，附上演示地址和下载地址，有需要的小伙伴对比着使用。2014-12-12
jQuery动画显示和隐藏效果实例演示(附demo源码下载)
这篇文章主要介绍了jQuery动画显示和隐藏效果实现方法,并附带了demo源码供读者下载参考,涉及jQuery操作图片的显示,隐藏及淡入淡出等效果,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jquery密码强度校验，这是一个非常常见的功能，在输入密码的时候提示密码的强度，本文使用jQuery来实现，有需要的小伙伴可以参考下。2015-12-12
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
这篇文章主要介绍了JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法,需要的朋友可以参考下2017-01-01
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
这篇文章主要介绍了jQuery Validate验证表单时多个name相同的元素只验证第一个的问题及解决方法,需要的朋友可以参考下2016-12-12
最新评论