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程序设计有所帮助。
相关推荐
-
改变iOS应用中UITableView的背景颜色与背景图片的方法
改变UITableView的header.footer背景颜色 改变UITableView的header.footer背景颜色,这是个很常见的问题.之前知道的一般做法是,通过实现tableView: viewForHeaderInSection:返回一个自定义的View,里面什么都不填,只设背景颜色.但是今天发现一个更简洁的做法: 对于iOS 6及以后的系统,实现这个新的delegate函数即可: 复制代码 代码如下: - (void)tableView:(UITableView *)table
-
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
-
picLazyLoad 实现图片延时加载(包含背景图片)
如下所示: /** * picLazyLoad 图片延时加载,包含背景图片 * $(img).picLazyLoad({...}) * data-original 预加载图片地址 * alon */ ;(function($){ $.fn.imgLazyLoad = function(settings){ var $this = $(this), _winScrollTop = 0, _winHeight = $(window).height(); settings = $.extend({
-
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实现背景图片感应鼠标变化的方法
本文实例讲述了js实现背景图片感应鼠标变化的方法.分享给大家供大家参考.具体分析如下: 鼠标点击后背景图片变化,点击另外一个菜单项前面的会自动恢复背景,其实这个如果单纯使用CSS是没办法做的,我们还要使用JS来判断鼠标状态,代码如下: <style type="text/css"> .dh a{ background:#FFFFCC; width:50px; height:30px; display:block; text-align:center; color:#0000
-
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来实行背景图片的平铺效果,本文讨论的是背景图片的拉伸效果.这种效果在一些前卫的页面设计中已经广泛应用,尤其在一些独立页面,像登录页面使用拉伸的背景图片效果比较
-
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
-
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="
-
Android编程简单实现ImageView点击时背景图修改的方法
本文实例讲述了Android编程简单实现ImageView点击时背景图修改的方法.分享给大家供大家参考,具体如下: 在使用ImageView时,当被点击时,希望背景图修改一下,这样显示被点击效果明显一些.在这里,一个很简单的方法,最起码是个很清晰的方法.在res/drawable文件夹下创建一个xml文件.比如my.xml,内容如下: <?xml version="1.0" encoding="utf-8"?> <selector xmlns:an
随机推荐
- 30个提高Web程序执行效率的好经验分享
- jQuery事件的绑定、触发、及监听方法简单说明
- 设置tomcat启用gzip压缩的具体操作方法
- 详解适配iOS10 的相关权限设置
- 在javascript中使用com组件的简单实现方法
- Bootstrap CSS组件之导航条(navbar)
- Python读写配置文件的方法
- C#实现xml文件反序列化读入数据到object的方法
- 跟老齐学Python之永远强大的函数
- JavaScript学习笔记之函数记忆
- 如何控制SQLServer中的跟踪标记
- SQL Server实时同步更新远程数据库遇到的问题小结
- JS实现带提示的星级评分效果完整实例
- JavaScript中constructor()方法的使用简介
- 传智播客学习之JavaScript基础篇
- java实现数据结构单链表示例(java单链表)
- Android md5加密与php md5加密一致详解
- 在Mac OS上部署Nginx和FastCGI以及Flask框架的教程
- 交换的类型
- layui框架实现文件上传及TP3.2.3(thinkPHP)对上传文件进行后台处理操作示例