用CSS来控制图片显示大小的代码
img,a img{
border:0;
margin:0;
padding:0;
max-width:590px;
width:expression(this.width>590?"590px":this.width);
max-height:590px;
height:expression(this.height>590?"590px":this.height);
}
相关推荐
-
jQuery动态改变图片显示大小(修改版)的实现思路及代码
当我们要显示后台传过来若干个尺寸不一的图片时,为了保证图片大小的一致性及比例的协调,需要动态改变图片显示尺寸.通过搜索,我们可以从网上找到实现此功能的jQuery代码如下.这段代码可以使图片的大小保持在一定范围内,如果图片的原始尺寸都大于max*值,则显示出来的图片宽度都相等. 原始代码: 复制代码 代码如下: $(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; /
-
用CSS来控制图片显示大小的代码
复制代码 代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":this.he
-
JS实现控制图片显示大小的方法【图片等比例缩放功能】
本文实例讲述了JS实现控制图片显示大小的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <hea
-
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成内存泄漏.当然,如果你有更好的解决方案,希望能与我交流. 代码如下: .Image { max-width:600px;height:auto;cursor:pointer; border:1px dashed #4E6973;pad
-
JavaScript限定图片显示大小的方法
本文实例讲述了JavaScript限定图片显示大小的方法.分享给大家供大家参考.具体实现方法如下: /** * 限制图片显示的size. * * @param thisobj 图片组件 * @param limitW 限制宽度大小 * @param limitH 限制高度大小 */ function imageResize(thisobj, limitW, limitH) { var newW; var newH; if (thisobj.width > limitW) { newW = lim
-
JS滚轮控制图片缩放大小和拖动的实例代码
具体代码如下所示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .dragAble { position: relative; cursor: move; } .img-con { position: relative; width: 71
-
JavaScript控制图片360度旋转代码
JavaScript控制图片360度旋转代码 var isIE = (document.uniqueID)?1:0; var i=1; function rotate(image) { var object = image.parentNode; if(isIE){ image.style.filter="progid:dXImagetransform.Microsoft.basicImage(rotation="+i+")"; i++; if(i>4) {i
-
CSS opacity - 实现图片半透明效果的代码
前几天一位做网页设计的朋友问我这个问题:如何通过CSS来实现图片半透明效果,并且在IE和Mozilla上都可以得到支持.下面将我的方法分享给大家. 下图为通过CSS实现的图片透明效果 这个效果在IE和Mozilla浏览器上都可以工作,代码如下 <img alt="powerbookg4.jpg" src="archives/images/powerbookg4.jpg" width="250" height="60" s
-
javascript控制图片播放的实现代码
一般实现用鼠标控制图片的滚动效果都比较麻烦,大段大段的代码让新手头疼无从下手,下面我来写个简单的javascript控制图片滚动的效果.代码简洁明了,兼容ie.firefox和google浏览器. 分享代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
用css来控制图片大小显示的实现方法与代码
有时候图片太大,会破环网页整齐的布局.这时可以用css来强制按比例压缩图片的高度或宽度 css代码如下: img,a img{ border:0; margin:0; padding:0; max-width:590px; width:expression(this.width>590?"590px":this.width); max-height:590px; height:expression(this.height>590?"590px":th
随机推荐
- Python的Bottle框架中实现最基本的get和post的方法的教程
- JavaScript实现经典排序算法之冒泡排序
- js实现可折叠展开的手风琴菜单效果
- 遍历echsop的region表形成缓存的程序实例代码
- python通过BF算法实现关键词匹配的方法
- go和python变量赋值遇到的一个问题
- C语言使用普通循环方法和递归求斐波那契序列示例代码
- 使用Curl进行抓取远程内容时url中文编码问题示例探讨
- thinkphp在模型中自动完成session赋值示例代码
- 批处理蠕虫bat
- SuperDown.EXE,ShellDown.exe等清除指南
- MySQL中insert语句的使用与优化教程
- 对MySQL配置参数 my.ini/my.cnf的详细解析
- jQuery对象的链式操作用法分析
- 利用nodejs监控文件变化并使用sftp上传到服务器
- 用htc组件制作windows选项卡
- JavaScript动态创建div等元素实例讲解
- 微信小程序 ES6Promise.all批量上传文件实现代码
- C++ boost::asio编程-域名解析详细介绍
- WEB前端实现裁剪上传图片功能