js如何设置背景图片大小变化，js改变背景图片

怎么用js改变div里面的图片大小

1、//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

2、楼主，这个我接触多了你试试我的.可以的话求采纳。

3、img {max-width： 800px； height： auto；} 代码中的max-width：800px限制图片的最大宽度为800像素，而下面的hight：auto很关键，可以保证图片有正确的长宽比，不至于因为被调整宽度而变形。

4、如果标签是div就写div，然后可以设置宽度和高度。如图所示，在new_file.html里面写上这个：link href=css/css type=text/css rel=stylesheet/就可以设置背景图片的大小了。

5、可以用js事件“onmouseover”和“onmouseout”来实现。

相关问答

Q1: 如何用js控制图片的图大宽度或是最大高度

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

直接添加宽高属性： 在样式表中定义：img {height：200px；width：200px；} 这样的弊端是如果图片比例不等就会出现图片拉伸，要么改图片或限制图片最大宽/高度，后者建议使用js解决。

//给你一个比较灵活的，可自由控制jQuery(window).load(function () {jQuery(.div1 img).each(function () {//div1下的img宽度、高度设置DrawImage(this， 700， 470)；//宽700，高470，自己改为相同即可。

如果不压缩，靠调整图片长宽去控制上传大小呢？原理很简单，就是靠不断地缩小限定的最大宽高，直到最终长宽的积小于规定的大小。

几个需要注意的地方是image.src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

Q2: ...JS,实现图片可拖拽,并且移动四个角和四条变能够自由变换图片大小

1、在电脑上打开该软件进入。在打开需要需要的图层以后点击菜单栏的编辑，选择自由变换。此时可以看到该图层出现的框线，根据需要将鼠标放置在任意一个角进行拉伸。此时即可看到已经实现了在该软件中自由拉伸。

2、按快捷键CTRL+T，可执行自由变换，在编辑菜单下——变换可以看到快捷键使用方式。用鼠标拖拽四角角中任意一个角，都可以放大缩小图片，但是这样拖动出来的图片会变形。

3、首先，选中A的图层，CTRL+T自由变换工具，然后按住ctrl，点击变换工具的各个节点，拖动，可以制造出不同角度的透视效果，ctrl+shift ， ctrl+alt ， ctrl +shift +alt ，这些个组合键可以尝试一下，看看效果，就知道了。

4、方法如下：第一步：使用快捷键Ctrl+O键，在“打开”对话框中，选择一张需要变形的图片，单击“打开”按钮。第二步：使用快捷键Ctrl+J键，复制背景图层。打开一张图片。编辑菜单下自由变换可以调节图片大小。

5、首先，在电脑端安装嗨格式图片无损放大器的软件，安装完之后，双击软件图标并运行嗨格式图片无损放大器，根据自己的需要在软件展现界面，选择自己需要的功能。

Q3: js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height_百度...

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签，输入js代码：$(#div2).height($(#div1).height())；。

修改div高度，可以直接给div的width赋值即可。

/div 因为是动态数据，所以#div1的高度是auto，无法获取到具体值。var div1=document.getElementById(div1)；alert(divstyle.height)；//没有值 建议从css上改进。

界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

可以通过js实现两个p自适应同等高度，如下：先设置p+css基本布局：左边 右边 js实现p自适应高度代码如下：html怎么将背景图与浏览器大小自适应？图片自适应屏幕大小显示主要是利用百分比来控制，切忌给图片宽度一个固定值。

Q4: js上传图片压缩-如何利用JS或者CSS样式来自动调整图片大小

1、首先需要新建一个HTML页面。然后输入页面的标题，可以按照下方图中的进行设置。然后在根据下方图片中的代码进行编辑，在两个div的class 中添加相同的控制图片的class名为了 ”img“，并为div添加控制宽度的样式。

2、所以，根据需求，上传图片不能超过500k的情况下尽可能保留图片的清晰度。当然如果可以的情况下用上面提到的 canvas.toDataURL 设置压缩程度为0.9，0.8试试看，图片质量可以接受，大小会有大幅度的缩小。

3、在IE6中有效。◎ overflow：hidden； 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。有时候图片太大，会破环网页整齐的布局。

Q5: 在html中怎么用js实现鼠标指向图片时图片放大到原图那么大?(具体实现...

1、分别写一个onmouseover和onmouseout事件。然后在事件里面加一个function，分别写想要放大的尺寸和缩小或复原的尺寸。

2、首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。

3、准备好需要用到的图标。新建html文档。书写hmtl代码。

关于js如何设置背景图片大小变化和js改变背景图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。