本文实例讲述了js随机生成网页背景颜色的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<HTML> <HEAD> <TITLE>随机生成网页背景颜色的JS特效</TITLE> <STYLE> .30pt{font-size:30pt;color:#de3076} </STYLE> <SCRIPT LANGUAGE="JavaScript"> <!-- color=new Array("0","3","6","9","C","F"); speed=250; document.bgColor="FFFFFF"; bg=new Array("FFFFFF","FFFFFF","FFFFFF"); function begin() { document.form.col1...
本文实例讲述了JS实现点击颜色块切换指定区域背景颜色的方法。分享给大家供大家参考。具体实现方法如下:代码如下:<html> <head> <title>JS实现点击颜色块切换指定区域的背景颜色</title> </head> <body> <div align="center"> <table bgcolor=#F8F8F8 border="0" width="500" cellpadding="0" style="border-collapse: collapse" height="180" id="bb1"> <tr> <td colspan="2"> <div align="center"> <table border="0" width="90...
/*Javascript代码片段*///定义一个方法:这个方法控制浏览器页面背景色的切换变化 function myfunction(){$(body).toggleClass(bgcolor); } //添加监控页面窗口变化的方法 $(window).resize(myfunction); //并且在页面加载时即调用 myfunction();
代码如下:window.alert = function(str) { var shield = document.createElement("DIV"); shield.id = "shield"; shield.style.position = "absolute"; shield.style.left = "0px"; shield.style.top = "0px"; shield.style.width = "100%"; shield.style.height = document.body.scrollHeight+"px"; //弹出对话框时的背景颜色 shield.style.background = "#fff"; shield.style.textAlign = "center"; shield.style.zIndex = "25";...
示例如下: 代码如下:<html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"><title>鼠标经过给tr换颜色</title> </head><body><table align="center" width="100%" border="1" cellspacing="1" cellpadding="1" > <tr style="cursor:hand " onmousemove="changeTrColor(this)"> <td align="center">1</td> <td height="20"> 123</td> <td height="20"> abvx</td> <td height="20"> 4654...
采用Javascript实现,用鼠标点击相应颜色,动态改变网页背景颜色 这是截图相应的Javascript源代码为:代码如下:var hex = new Array(6) hex[0] = "FF"hex[1] = "CC"hex[2] = "99"hex[3] = "66"hex[4] = "33"hex[5] = "00"function display(triplet) {document.bgColor = # + triplet}function drawCell(red, green, blue) {document.write(<TD BGCOLOR="# + red + green + blue + ">)document.write(<A HREF="javascript:display(\...
代码如下:<!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/xhtml"> <head> <title></title> <script type="text/javascript" src="Scripts/jquery-1.10.2.min.js"></script> <script src="Scripts/jquery.cookie.js" type="text/javascript"></script> <style type="text/css"> #p1{ background-color:Red ; wi...
1,按钮样式 代码如下:<script>org_Color=document.bgColor.substring(1.10)</script><form><input type="button" value="淡黄色背景"onClick="document.bgColor=#feffc6"><input type="button" value="浅蓝色背景"onClick="document.bgColor=#c6fffe"><input type="button" value="粉红色背景"onClick="document.bgColor=#ffc9c6"><input type="button" value="墨绿色背景"onClick="document.bgColor=#508b7d"><input type="butto...
天使用jQuery获取样式中的background-color的值时发现在获取到的颜色值在IE中与Chrome、Firefox显示的格式不一样,IE中是以HEX格式显示#ffff00,而Chrome、Firefox中则是以GRB格式显示rgb(255,0,0),由于需要将颜色值存储到数据库中,所以想让颜色值的格式统一下(其实不统一也是可以存的)。搜索了一下,从国外的一个网站上得到一段代码 代码如下:$.fn.getHexBackgroundColor = function() { var rgb = $(this).css('background-c...
JQuery实现: 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>New Web Project</title> <script type="text/javascript" src="jquery-core/jquery-1.8.0.js"></script> <script type="text/javascript"> $(function(){ //...
JS控制按钮自动切换背景颜色,可暂停_脚本之家 .grigg{ position:relative; font-family:Verdana; font-size:16px;color:#ffffff; } y=" "; function colourWrite(){ y=document.bgColor; if (document.layers) {x=document.FM.box.value} if (document.all) {x=document.all.kurt.innerHTML} r=x+=y.toUpperCase(); Wrte=r+" "; if (document.layers) { document.FM.box.value=Wrte; document.layers.kurt.documen...
一些css的定义,可以根据需要自己选择。//显示单双行显示不同背景色【方法一】: // $("#UL_id li:even").attr("className","redClass"); //显示单双行显示不同背景色【方法二】: $("#UL_id li:even").addClass("redClass"); <ul id="UL_id"> <li>单数</li> <li>双数</li> <li>双数</li> </ul> odd:单 even:双 jQuery 表格隔行变色代码li隔行换色改进版JS控制表格隔行变色
得到元素真实的背景颜色 .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3 通过id定义背...
New Document title 111 222 333 444 555 666 objName=document.getElementById("list01").getElementsByTagName("li") for (i=0;i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
得到元素真实的背景颜色 by Longbill .classname {background-color:#ff99dd;} #div3 {background-color:#d8bfd8;} div {background-color:#87cefa;border:1px solid #333333;margin:10px;padding:4px;} body {background-color:#bed742;} #div4 {background-color:transparent;} 得到元素真实的背景颜色 By Longbill div1 直接通过div标签定义背景色(#87cefa) div2 通过class name定义背景色(#ff99dd) div3...