用JS实现变换背景和字体颜色

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.5.1/jquery.min.js"></script>
<script>
    //setTimeout
    var colors = new Array("red","green","blue");

    function changeColor(){
        //var colorIndex = Math.round(Math.random()*3);
        var color_div=colors[Math.round(Math.random()*3)];
        var color_font=colors[Math.round(Math.random()*3)];
        document.getElementById("div_c").style.background=color_div;
        document.getElementById("font_c").style.color=color_font;
        //document.wirte(colorIndex);
        setTimeout("changeColor()",1000);
    }
</script>
</head>
<body onload="changeColor()">
<div id="div_c" align="center" style="height:1000px;width:100%">
    <br/>
    <br/>
    <br/>
    <font id="font_c" size="20px" >自动变换颜色</font>
</div>
</body>
</html>
时间: 2024-10-01 02:28:05

用JS实现变换背景和字体颜色的相关文章

【JavaScript】轻易改变的背景和字体颜色页面

JavaScript,点击button改变页面背景和字体颜色,网页有N颜色的变化button.点击不同button,网页字体和背景将被改变为不同的颜色. 非常easy的JavaScript小程序. 一.基本目标 一打开网页首先提示问候信息"你好" 网页中有N个改变颜色的button,当中返回是返回网页的默认颜色,背景是白的,字体是黑的 点击不同的button.网页的字体与背景就会改变成不同的颜色. 本来想做出彩虹起色的,但原理全然一样就不多写button了. 二.基本思想 关键是对bo

(转)Android 自定义 spinner (背景、字体颜色)

Android 自定义 spinner (背景.字体颜色) (2012-07-04 17:04:44)   1.准备两张图片,并做好9.png 2.在drawable中定义spinner_selector.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" &

MFC设置静态文本框,编辑框等控件背景和字体颜色

在MFC类库提供了CWnd::OnCtlColor函数,在工作框架的子窗口被重画时将调用该成员函数.因此可以重载WM_CTLCOLOR消息的响应函数.此函数的原型:afx_msg HBRUSH OnCtlColor(CDC *pDC,CWnd *pWnd,UINT nCtlColor);参数nCtlColor用于指定控件的类型,可以是:.CTLCOLOR_BTN 按钮控件.CTLCOLOR_DLG 对话框.CTLCOLOR_EDIT 编辑框.CTLCOLOR_LISTBOX 列表控件.CTLCO

css①字体颜色正常显示,背景透明②字体颜色与背景均为透明的设置方法

①字体颜色正常显示,背景颜色透明 color:#fff; background:rgba(0,0,0,0.5);? ②?字体颜色与背景颜色均为透明 color:#fff; background:#000; opacity:0.6;

IOS-设置NavigationBar的背景及字体颜色

在delegate中修改 //修改整体的navigationBar的背景颜色 [[UINavigationBar appearance] setBarTintColor:[UIColor colorWithRed:46/255.0 green:186/255.0 blue:157/255.0 alpha:1.0]]; //修改整体的navigationBar的字体颜色为白色 NSDictionary * dict=[NSDictionary dictionaryWithObject:[UICol

修改tableview的索引页的背景,字体颜色,字体点中的颜色

mainTableView.sectionIndexBackgroundColor = [UIColor greenColor];//修改右边索引的背景色// mainTableView.sectionIndexColor = [UIColor orangeColor];//修改右边索引字体的颜色// mainTableView.sectionIndexTrackingBackgroundColor = [UIColor orangeColor];//修改右边索引点击时候的背景色

如何修改网站文字被复制时的背景和字体颜色

IE 8及以下不支持 IE9 谷歌浏览器等支持CSS3的可以实现 (选中标签内文字,即可查看文本颜色和背景色) p::-moz-selection{background:#000;color:#f00;} p::selection{background:#000;color:#f00;} 原文地址:https://www.cnblogs.com/zjboke/p/12148414.html

PhpStorm更换主题,调整背景和字体颜色

从这个网站(http://phpstorm-themes.com/)下载各类主题的xml文件, 然后将文件放到phpStorm的文件夹中,比如:C:\Users\USERNAME\.WebIde80\config\colors, 如果此时正好开着PHPStorm,那么需要重启一下该IDE,以便载入改成你添加的主题, 在IDE的左上角菜单中,选择File > Settings > Editor > Colors & Fonts ,然后在下拉菜单中,选中你刚才添加的主题名称,保存设置

Android 自定义 spinner (背景、字体颜色)

转自:http://blog.sina.com.cn/s/blog_3e333c4a010151cj.html 1.准备两张图片,并做好9.png 2.在drawable中定义spinner_selector.xml <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"