javascript设置页面背景色及背景图片的方法
作者:bea
本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考,具体如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><MET
本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考,具体如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function update(temp)
{
if(temp == 'color')
{
document.body.style.backgroundColor="#FFFFFF";//改变背景色
}
if(temp == 'img')
{
document.body.style.backgroundImage="url(images/bgimg.gif)";//改变背景图片
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#CCFFFF">
<input type = button value="改变背景色" onclick="update('color')">
<input type = button value="改变背景图片" onclick="update('img')">
</BODY>
</HTML>
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE=javascript>
function update(temp)
{
if(temp == 'color')
{
document.body.style.backgroundColor="#FFFFFF";//改变背景色
}
if(temp == 'img')
{
document.body.style.backgroundImage="url(images/bgimg.gif)";//改变背景图片
}
}
</SCRIPT>
</HEAD>
<BODY bgcolor="#CCFFFF">
<input type = button value="改变背景色" onclick="update('color')">
<input type = button value="改变背景图片" onclick="update('img')">
</BODY>
</HTML>
希望本文所述对大家JavaScript程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- js实现文字垂直滚动和鼠标悬停效果
- jquery正则表达式验证(手机号、身份证号、中文名称)
- jQuery语法小结(超实用)
- 解决JS无法调用Controller问题的方法
- 简单谈谈JavaScript的同步与异步
- jQuery实现简单的图片查看器
- 基于jQuery实现美观且实用的倒计时实例代码
- 基于JavaScript实现手机短信按钮倒计时(超简单)
- Highcharts使用简例及异步动态读取数据
- JavaScript阻止回车提交表单的方法
- 基于JavaScript代码实现微信扫一扫下载APP
- 分享两款带遮罩的jQuery弹出框
- JavaScript小技巧整理
- jQuery拖动元素并对元素进行重新排序
- jQuery给元素添加样式的方法详解
- Underscore源码分析
- Jsonp 关键字详解及json和jsonp的区别,ajax和jsonp的区别
- javascript实现禁止复制网页内容汇总
- jquery实现树形菜单完整代码