js图片覆盖基础代码，js给图片加边框

想在一个div里面添加图片,用js怎么写啊?

1、第一种方法：预先设置一个样式，然后在js中操作，给div加上这个class。

2、获取到div之后，编辑一个img元素，并指定好url地址。然后div append img 元素就好了。获取到div之后，用js给div设置背景图片就可以了。

3、(this).html(img src=jpg /)；和HTML的写法一样。这就可以引入img标签了。

相关问答

Q1: 图片不存在则替换jpg为png,否则显示默认图,怎么写js代码?

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的标签，输入js代码：$(img).attr(src， https：//)；。

改为 剩下的四张图片的代码也照这样修改。

但是这样很不好看，如果用在文章列表，我们可以给 img 标签设置一个 onerror 属性，可以在 src 路径不存在时显示指定的默认图片。

不借助 JavaScript 是做不到的。把下面的代码添加到 中。原理是页面加载后检查每个图像是否被正常加载，如果出现错误，将 alt 中的文字添加到图像前面，然后隐藏图片。

Q2: js写一段代码可以让鼠标移近一张图片的时候图片消失露出文字

js的话简单讲就是实现三个事件1默认滚动可以用setinterval函数实现2鼠标经过时停止滚动可以在hover事件中用cleartimeout函数3点击时跳转将每张图片都放入一个a标签内就好。

看看蒙版层的样式定义。代码如图所示。背景：rgba(0，0，0，0.7)；透明度可以通过修改后面的0.7号来改变。1是完全不透明的，0是完全透明的。然后添加用于鼠标移动的脚本代码来显示蒙版层。

height=28/A...//设置一个div，但是默认却是隐藏起来的。

)； onmouseout=dis()； 要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

缺点：提示信息样式单一，而且不明显。如代码：利用鼠标事件onmouseover，利用js，控制鼠标移入时候，上方会出现自己用CSS样式写出的想要表达的提示信息。优点：提示信息样式可以自己定义，个性化。

ID2).hide(1000)； //也就是点击了ID标签后会隐藏id=ID2的这个标签以1000毫秒的时间结束关闭（或者说隐藏）这个标签。

Q3: 当鼠标移到文字层上弹出图片覆盖文字层代码

1、打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。在index.html中的标签中，弯历输入js代码。浏览器运行index.html页面，此时鼠标移动到超链接上，下面的图片自动显示了出来。

2、方法一：鼠标移至图片上显示遮罩层及文字 先看下html，一个img图片控件，和一个有mask样式的div，里面有文字，这个就是遮罩层。

3、)； onmouseout=dis()； 要是想弹出文字介绍 把s1里面的img换成字就行了，或者简单点就在第一个img上加一个alt的属性，鼠标放在上边也有显示。

Q4: 求一段js代码,让网页上指定DIV内的图片替换掉

在index.html中的script标签，输入js代码：$(img).attr(src， https：//)；。浏览器运行index.html页面，此时网页上的所有图片都被替换成了指定的图片。

修改DIV的背景图，其实就是修改样式里的background。可以让background直接等于空就可以了。

这样进行赋值。document.getElementById(img1)这一步的作用就是选择图片元素。

document.body.innerHTML.replace(/输入/g， 输出)；}把这段保存到一个js文件，然后在你要替换的页面包含就可以了。要注意的是编码的问题，为了让不同编码的网页都能处理，这段js中的中文可以尝试使用 Unicode 编码。

+str[i]+/span)；document.getElementById(dis).innerHTML=html.join()；/script 【运行】运行后，js代码会添加一些元素到页面上，会生成如图所示的结构：看下页面显示效果：显示是通过样式表完成的。

Q5: 我搜的js代码,但是里面的图片直接连得服务器的,怎么把它换本地图片

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的标签，输入js代码：$(img).attr(src， https：//)；。

首先选择要编辑的两张图片，点击右键选择编辑先编辑要作为底图的图片，把作为贴图黏贴到另一张图片的部分截取出来，点击复制进入另一张图片的编辑页面，点击黏贴，之后调整一下图片未知即可。

将图片文件、JS文件与你的网页文件保存在同一文件夹中，然后去掉图片的路径即可。

如果图片没有放到服务器上，只是代码放上，想要JS读取本地的图片资源是没办法的。你做的上传功能放到服务器不能显示并不是因为图片保存在本地了，而是你的图片保存到服务器但缩略图引用路径不正常。

你js代码把文件以base64编码形式展示了出来，是为了让用户上传文件之前能够预览对吧。

关于js图片覆盖基础代码和js给图片加边框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。