js生成css组合背景图，js中如何设置背景图片

css+js控制随机背景图片的代码怎么写?

1、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

2、一个完美的网页，除了HTML和css，JavaScript也功不可没，本文我们将和大家分享一个小技巧，js设置随机切换背景图片的简单实例。

3、css代码添加背景图片：1．背景颜色：background-color 语法：{background-color：数值} 注意：在html当中，要为某个对象加上背景色只有一种办法，那就是先做一个表格，在表格中设置完背景色，再把对象放进单元格。

4、这样的话背景图片就会填充整个屏幕了不过要说明的是，这是一个CSS3的属性，在很多浏览器里面都是不被支持的，你所希望的效果，目前来看，只有这个属性可以做到，否则就只能用一个足够大的图片做背景的方法来实现了。

5、随机载入CSS样式的JS效果实际上很好实现，本文的代码如下，具体思路是用一个默认的CSS样式：default.css。另外再用三个其他名称的CSS：skincss，skincss，skincss。

相关问答

Q1: CSS代码怎么把小图片设为背景图

1、我们首先使用了一张为regist.png的图片作为背景，将其设置为背景。将图片作为背景的具体代码入下图所示。如果我们的背景小于我们的页面，而页面没有固定宽度的话，那么图片背景就会产生平铺，我们需要设置不让其自动平铺。

2、如果父元素中没有设置，它将变为白色。CSS设置图像背景通过使用background-image属性，我们可以预先设置上传到服务器的图像作为背景。background-image： url(图像的路径)；在url中，输入要用作背景的图像文件的路径。

3、要用css为这个div加上背景图片，只需要加上background-image的样式，后面的值就是图片的地址了。 background-image： url(1jpg)；05 刷新页面看下现在的效果，可以看到div已经加上图片背景了。

4、css代码修改如下：html代码修改如下：刷新页面：可以看到，表头的文字加粗，并且背景色为半透明浅灰色。

5、首先在电脑端找到Dw软件，进行打开操作，然后新建一个html文件。新建文件完成之后，写入一个div代码操作，如图所示。写入div代码之后，引入一个css样式，如图代码操作所示。

Q2: 我想在body里放一个背景图片,浏览的时候填充整个屏幕,请问这样的JS代码...

打开Dreamweaver，然后选中html，出来了一个html标准文档。在body标签里添加文件路径，语法如下：body background=文件路径 这时，页面虽然充满了背景，但可以看出背景图片被填充了多次。

使用此代码：img border=0 src=/jpg width=100% height=100% style=position： absolute；left：0px；top：0px；z-index： -1或者background-size：cover。

下面代码可以让css 实现body网页背景图片的拉伸效果 自动拉伸100%显示的代码，宽高自动填充。

Q3: ...五个frame了,还能用一张大图作为整个窗口的背景图片吗?

你可以选择在里面建一个扩展了面板了内部类。然后，在面板上设置背景图片这样就可以了。然后把面板作为Jframe的主面板容器就行了。还有问题HI我。

super.printComponent(arg0)；arg0.drawImage(img， x， y， width， height， observer)；} }；你也可以自己继承JPanel类，然后把图片、大小作为参数传递，然后构造这样的JPanel。然后把你放在frame上的东西都放在这个JPanel上。

（里面包括要用到的swindow.js脚本文件和几个示例文件。）然后准备好两张图，一张是整个窗口背景，一张是滚动条。最好是做成背景透明的gif格式图片，这样窗口就可以是不规则的形状。

放在frame里面的页面中。或者用iframe就不用分开给背景图了。

建议你用背景重绘的方式 。 如果用Jlabel 的话。

Q4: 怎么用js或者css来设置动态局部背景图片?(急,急,急!)

今天教大家怎样用CSS和JS制作出上升的方块的动态背景，一起来看一下。

首先，打开html编辑器，新建html文件，例如：index.html，填写问题基础代码。在index.html中的标签，输入js代码：$(div).css(background-color， blue)；。

引入jquery 然后给你要设置动画的对象增加或者删除css3动画的类就可以了。

background-image：bg-image [ ， bg-image ]bg-image = image | none默认值：none适用于：所有元素继承性：无动画性：否计算值：指定值取值：none：无背景图。

这个可以用CSS实现就好了。不必要使用JS 图片放大效果的话，建议用一个额外的 div层放置放大后的图片，这样布局就不会乱了。鼠标放上去就显示这个层。

Q5: 怎么用CSS或者JS实现鼠标点击变换背景图片?

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：div{height： 80px； background： url(smallpng)}div：hover{background： url(smallpng)}。

建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。设置一个简易的导航栏。加css 控制菜单的样式，并加入背景图片。为li添加id，创建函数fun ，并传递传递参数。

通常可以使用css样式的 ：hover 选择器， 如示例div1。 也可以使用js来控制css样式，用js可以灵活加入其它效果(延迟显示、随机背景图)， 如示例div2。

用hover，比如你要div某个div背景变色，用 类名：hover{background：#ff6a00；} 或者是 id：hover{background：#ff6a00；} 这样就行了，鼠标放开背景色就自动变化回去了。

你是想用JS实现呢还是CSS实现？CSS实现代码：a：｛background：url(jpg)；｝ a：hover{background：url(jpg)} 最好不要用CSS，因为他只能用在a标签上，用在别的标签上，有的可以实现，但是有的浏览器不兼容。

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