快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

背景javascript,背景图片简约

JavaScript中 背景色 前景色bgColor fgColor 是什么?两者有什么区别?

BgColor/FgColor属性

成都创新互联2013年开创至今,先为平远等服务建站,平远等地企业,进行企业商务咨询服务。为平远企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

FgColor属性用於设置文字的颜色,BgColor用於设置背景的颜色。标记的Text属性和BGCOLOR属性属於BODY标记的属性,所以用於首次设置浏览器的字体颜色和背景颜色。使用Bgcolor和FgColor属性,可以在任何位置改变字体颜色和背景颜色。利用A HREF标记链接其它文件时显示其它文件时显示的颜色被称为链接色。利用LINK属性可以设置链接色。ALINK属性用於设置正在点击时的颜色,VLINK属性用於设置点击过的超链接的颜色。

〔例2〕利用颜色属性

HTML

HEAD

TITLE利用颜色属性/TITLE

SCRIPT LANGUAGE="JavaScript"

!--

document.bgColor="black"

document.fgColor="white"

document.linkColor="red"

document.alinkColor="green"

document.vlinkColor="yellow"

//--

/SCRIPT

/HEAD

BODY

h1利用颜色属性/h1

P这个页面显示了如何利用颜色属性。/P

P这里A HREF="#"是一个简单的链接/A/P

/BODY

/HTML

通过javascript改变背景颜色

js里面调用body是,还没有生成body,所以调用不到,常见的解决方法有两个:

一:

把script..../script放到/html后面

二:

把script/script里面的代码放到一个页面加载方法里面:

scritp

window.onload=function()

{

//原来的代码发到这里面

}

//////////

还有:

p.style.backgroundImage=" URL(13_2.jpg)" // 设置背景图片

这里写死了,就不会变化了

本意应该是

p.style.backgroundImage=ss

////////////////////

另外数组少申请了一位,bg = new Array(); 就可以了

/script

JavaScript实现背景图片居中

div id=mydiv style="width:400px; height:300px; border:1px solid #000"请注意看这里的背景图是否居中/div

script

window.onload=function() {

document.getElementById("mydiv").style.background="url(123.jpg) no-repeat center center";

}

/script

javascript添加背景图片

这个很简单。有好多方法。

1.直接在body标签中添加一个“background”属性,属性值内容为背景图片地址。

2.用css设置

body{

background-image:

url(图片地址);

}

javascript 如何控制背景图象

head

style

.bg1{

background-image:url('/images/note_6.gif');

width:300px;

height:300px;

}

/style

/head

body

table class="bg1" id="t1"

trtd

input type="button" onclick="change();" value="change background image" /

/td/tr

/table

script

function change(){

document.getElementById('t1').style.background="url('/images/note_5.gif')";

}

/script

/div

/body

主要要给table或div指定个id,再通过id来赋值,注意,不是name,是id。


分享标题:背景javascript,背景图片简约
当前URL:http://6mz.cn/article/dssoscj.html

其他资讯