背景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,背景图片简约
转载注明:http://myzitong.com/article/dssoscj.html