jquery实现截图，jquery技巧

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

CSS或jquery中如何改变background-image的大小?

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body {background： url(image.jpg) no-repeat； background-size： 300px}。浏览器运行index.html页面，此时背景图片成功用css等比例缩小到了300px宽度的大小。

CSS1 之前是不能设置背景图大小的，CSS3就可以通过background-size来设定图片大小，可以是像素或者是百分比。例如background-size：100px 200px；表示把背景图片大小调整为100x200px。要把图像应用成为背景，要使用 background-image这一属性。

可以通过background-size属性来设定背景图片的大小。它可以是像素（px）或者是百分比(%)，举例说明：background-size：950px* 200px这表示把背景图片大小调整为宽度950像素，高度200像素。

通过设置background-size 的属性设置图片大小。

相关问答

Q1: 如何用java或js或jQuery将打开的网页保存成一个图片

JS，Jquery基本不要想了，js不支持绘图功能的，java应该可以，不太了解。php好像可以，后台调用几个图片拼成一张大图，最后输出成图片，原理有现象验证码图片那种。

在浏览器上方的项目栏中，找到【工具】栏目（快捷键Alt+X），选择点击【文件】栏目下的【另存为】；在跳出的对话框中，可以自由选择保存的位置，更改或者默认原来的网址名称，以及要求保存的类型；以上确认完毕后，最后在弹出的窗口下方，点击【保存】按钮就完成了。

你服务器的java代码不可能执行在客户端的电脑上的，所以这个只能通过js来做了，推荐使用jquery插件，推荐用jquery.Jcrop包你满意。

打开一个IE的浏览器的功能，进入到一个网页的页面上，在左上角的位置，点击“文件”选项的功能。在弹出下拉菜单中，然后点击“另存为”的选项功能。

将自己的本地图片上传到所在博客的相册内.在网上找到自己满意的图片。然后打开图片，右键点击属性(URL)，将后面的网址输入到以下代码中：这个是直接将图片显示出来了，所以最好是处理好的图片用其他工具处理好大小再上传。如果想做成主页背景之类，代码还要换。

然后拖动右侧的滚动条到上端，或者点下端的滚动箭头，就能截取整个网页。完成截图后，会自动返回到FSCapture编辑窗口，这时只要保存即可。选择一个保存文件夹，定义一个保存文件名，如滚动截图，按保存。再用普通的看图软件ACDSee打开，就能看到一个长长的网页图，看看长宽比930x1776。

Q2: 用jquery如何获取某个元素id=id1的元素的下一个class=class1...

1、首先，要用jquery获取到这个元素，用attr方法可以输出这个元素的标签属性。例如： (#id1) 获取到这个元素，有很多种获取元素方法，可参考jquery的文档。(#id1).attr(id)，就是获取到ID (#id1).attr(class)，就是获取到整个的class样式，多个样式可以自行用空格split一下。

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

3、addClass()，为元素标签添加class。如图所示代码实现方式，addClass()，为元素标签添加多个class也可以的。removeClass()，可以删除元素标签的class。removeClass()，也可以删除元素标签的多个class。toggleClass()，如果没有相关class，则添加，如果有，则删除。

4、方法只有一种：通过JQuery的class选择器方式。

5、新建一个HTML文档，并定义若干个带有class属性的元素。新建一个JS操作，并获取选择器匹配的第一个元素。保存以上文件，在浏览器预览效果，得到的是第一个匹配的Class元素。如果想要选择器匹配所有符合的元素，则需要使用选择器。对方法获取的元素集合，进行遍历输出。

Q3: java截屏有哪几种方法

1、最直接的方式——使用Robot 方法详解：该方法利用Robat提供的强大桌面操作能力，硬性调用浏览器打开指定网页，并将网页信息保存到本地。优势：简单易用，不需要任何第三方插件。缺点：不能同时处理大量数据，技术含量过低，属于应急型技巧。实现方法：使用如下代码即可。

2、你可以尝试以下几种方法来解决这个问题：更新你的电脑系统和浏览器到最新版本。关闭不必要的桌面应用程序，释放内存空间。使用合适的截图快捷键或工具，如PrtSc键、Win+Shift+S键、QQ或微信截图等。使用浏览器自带的网页全屏高清截图功能，如Microsoft Edge和Chrome浏览器。

3、vivo手机可以参考以下截屏的方法：非全面屏机型：同时按住HOME键+电源键即可截屏。

4、如果您使用的是华为计算机，可以通过以下方法操作：使用键盘快捷键截图通过“ PrtSc ”键截图（1）全屏截图：按键盘上的“ PrtSc ”键可以全屏截图，截图后您可以前往画图等工具中粘贴截图。

5、这个没有找到好的办法。现在的想法是做假。你现在是窗体全屏，我将想截后面窗体的屏幕，然后将图片放到画出的区域里，但一直没抓好，先把这部分贴出来。

Q4: 怎么给这个jquery图集加入淡入淡出效果??

1、函数啊，使用jquery的fadeIn和fadeOut ，函数，并控制毫秒参数就可以了。

2、jquery里有 $(xx).toggle(speed， [callback])方法 speed 就是淡入淡出的时间参数可以填 fast normal slow 也可以传毫秒数比如是1秒的话就传1000进去。

3、jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。