javascript设置页面背景色及背景图片的方法
本文实例讲述了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实现背景图片感应鼠标变化的方法
本文实例讲述了js实现背景图片感应鼠标变化的方法.分享给大家供大家参考.具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: <style type="text/css"> .dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#0000
-
android中实现背景图片颜色渐变方法
常用,记录一下. 效果图: 首先新建xml文件 bg_gradient.xml 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:startColor="
-
js根据鼠标移动速度背景图片自动旋转的方法
本文实例讲述了js根据鼠标移动速度背景图片自动旋转的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh
-
Android编程简单实现ImageView点击时背景图修改的方法
本文实例讲述了Android编程简单实现ImageView点击时背景图修改的方法.分享给大家供大家参考,具体如下: 在使用ImageView时,当被点击时,希望背景图修改一下,这样显示被点击效果明显一些.在这里,一个很简单的方法,最起码是个很清晰的方法.在res/drawable文件夹下创建一个xml文件.比如my.xml,内容如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:an
-
picLazyLoad 实现图片延时加载(包含背景图片)
如下所示: /** * picLazyLoad 图片延时加载,包含背景图片 * $(img).picLazyLoad({...}) * data-original 预加载图片地址 * alon */ ;(function($){ $.fn.imgLazyLoad = function(settings){ var $this = $(this), _winScrollTop = 0, _winHeight = $(window).height(); settings = $.extend({
-
Android自定义Button并设置不同背景图片的方法
本文实例讲述了Android自定义Button并设置不同背景图片的方法.分享给大家供大家参考,具体如下: 1.自定义MyButton类 public class MyButton extends Button { //This constructormust be public MyButton(Context context, AttributeSet attrs) { super(context, attrs); } public MyButton(Context context) { su
-
改变iOS应用中UITableView的背景颜色与背景图片的方法
改变UITableView的header.footer背景颜色 改变UITableView的header.footer背景颜色,这是个很常见的问题.之前知道的一般做法是,通过实现tableView: viewForHeaderInSection:返回一个自定义的View,里面什么都不填,只设背景颜色.但是今天发现一个更简洁的做法: 对于iOS 6及以后的系统,实现这个新的delegate函数即可: 复制代码 代码如下: - (void)tableView:(UITableView *)table
-
jquery动态切换背景图片的简单实现方法
本文实例讲述了jquery动态切换背景图片的简单实现方法.分享给大家供大家参考,具体如下: (function() { var bgCounter = 0, backgrounds = [ "Images/BACKGROUND_1_TEST.png", "Images/BACKGROUND_2_TEST.png", "Images/BACKGROUND_3_TEST.png" ]; function changeBackground() { bg
-
js实现背景图自适应窗口大小
话不多说,请看代码 <script type="text/javascript"> window.onresize = window.onload = function() { var w,bgImg; if(!!(window.attachEvent && !window.opera)) { w = document.documentElement.clientWidth; } else { w = window.innerWidth; }if(w>
-
利用jQuery和CSS将背景图片拉伸
现在WEB页面设计比较流行使用大背景图,那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片,让它在页面中随着浏览器尺寸进行拉伸,就像我们的电脑桌面壁纸效果.本文将带您一起使用jQuery和CSS实现背景图片拉伸效果. 将背景图片拉伸,而不是平铺,注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较
随机推荐
- AngularJS入门教程之Helloworld示例
- JS数组操作(数组增加、删除、翻转、转字符串、取索引、截取(切片)slice、剪接splice、数组合并)
- asp.net获取系统当前时间的方法详解
- PHP SPL标准库之数据结构栈(SplStack)介绍
- php创建桌面快捷方式实现方法
- 如何从jQuery的ajax请求中删除X-Requested-With
- c++实现跳跃表(Skip List)的方法示例
- Android使用Sqlite存储数据用法示例
- java统计字符串中指定元素出现次数方法
- 基于jQuery的倒计时插件代码
- javascript学习(一)构建自己的JS库
- nodejs爬虫抓取数据乱码问题总结
- java 与web服务器链接的实例
- 原生Ajax 和jQuery Ajax的区别示例分析
- yii中widget的用法
- js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
- tomcat服务器如何配置字符集为utf-8彻底解决中文乱码的问题详解
- VBS基础篇 - 运算符 图文详解
- python实现textrank关键词提取
- Linux查看进程的所有信息的方法示例