$("#test img").css("width","30px")//设置test下的图片宽为30px
$("#test img").css("height","30px")//设置test下的图片高为30px
定义和用法：
css() 方法返回或设置匹配的元素的一个或多个样式属性.
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性.
$(selector).css(name,value)
通俗的解释为如果设置第二个参数为修改css属性，如果未设置第二个参数为获取css属性.
<script type="text/javascript">function validate_img(a){
var file = a.value
if(!/.(gif|jpg|jpeg|png|GIF|JPG|png)$/.test(file)){
alert("图片类型必须是.gif,jpeg,jpg,png中的一种")
return false
}else{
var image = new Image()
image.src = file
var height = image.height
var width = image.width
var filesize = image.filesize
alert(height+"x.."+filesize)
if(width>80 && height>80 && filesize>102400){
alert('请上传80*80像素 或者大小小于100k的图片')
return false
}
}
alert("图片通过")
}
</script>
图像:<input type="file" name="uploadImg" onchange="Javascript:validate_img(this)" size="12"/>
测试的时候放服务器上测试，本地不行的哈～
在css中改变background-image的大小可以通过将背景图片放置的一个div样式中，然后设置div的样式属性来实现。示例核心代码：
div{
background:url(图片路径)
background-size:800px 600px
background-repeat:no-repeat
}其中图片路径可以使用相对路径也可以使用绝对路径，不用添加双引号。最后一行的background-repeat:no-repeat意思可不允许背景图片在网页中平铺，只能使用一次。
扩展资料：
通过jquery中改变background-image的大小的实例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
window.onload=function(){
$('.box').CSS('backgroundSiz','300px 500px')
}
</script>
<style type="text/css">
.box{
background-image: url(1.png)
}
</style>
</head>
<body>
<div class="box">
</div>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）