代码如下: JavaScript var n = 0; function showTable(len) { wi(''); for (i=0;i if (parseInt(i%2)==1) { bg = '#F4FAC7'; } else { bg = 'white'; } wi('第'+(i+1)+'行'); } wi(''); wi(''); } function wi(str) { return document.write(str); } showTable(10); var add = document.getElementById("add"); add.onclick = function() { n = n+1; ...
代码如下: //点击当前选中行的时候设置当前行的颜色，同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景色 sTable.rows[i].onmouseover = resumeRowOver; //增...
id为tr的ID 设置当前选择行背景色，同时置其他行背景为另一种颜色 代码如下:$(#id).css("background-color", "#e5e5e5").siblings().css("background-color", "#FFFFFF");
获得网页的背景色和字体颜色，方法如下： 思想： 通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为 十六进制色 ，首先获得rgb色 ： 代码如下: var rgb = document.getElementById(color).style.backgroundColor； 得到格式如下： rgb(225, 22, 23); 然后进行拆分： 代码如下: var rgb = rgb.split(()[1]; //拆分后为 [rgb, 225,22,23)]形式，长度为2的数组 再将 （225,22,23）字符串进行拆分（注意...
隔行变色有很多中方法来实现，之前我都是直接将判断代码写在程序中，今天我们来使用jQuery实现，代码奉上~ jQuery代码：代码如下:$(function(){ var item = $("tr"); for(var i=0;i<item.length;i++){ if(i%2==0){ item[i].style.backgroundColor="#888"; } } //$("#tb tbody tr:even").css("backgroundColor","#888"); });HTML代码：代码如下: 第一行第一行 第二行第2行 第三行第3行 第4行第4行 第5行第5行 第6行第6行 是不是很...
本文实例讲述了JS实现进入页面时渐变背景色的方法。分享给大家供大家参考。具体实现方法如下：JS实现的进入页面时的渐变的背景色效果function CBgColor(){ var color = 0, step = 1 //color为初始颜色，step为初始步长 while( color = 0x1000000) step = 1 //如果步长过大则将其恢复到1 } } CBgColor() //装入时调用背景变色程序渐变的背景颜色，感觉不错吧？
本文实例讲述了jquery实现实时改变网页字体大小、字体背景色和颜色的方法。分享给大家供大家参考。具体如下： 这里使用jquery实时改变字体大小、字体背景色和颜色，JQUERY让很多事变得更简单，确实是个实用的小插件，对JQ不熟悉的朋友，平时可要多看一些实例啦，比如现在这一个小实例，你可以从中学习到不少知识点的哦。 运行效果如下图所示：具体代码如下：$(document).ready(function() {$("#fontsize").change(function(){$("p"...
本文实例讲述了JS实现点击按钮控制Div变宽、增高及调整背景色的方法。分享给大家供大家参考。具体如下： 这里使用JavaScript实现点击按钮后改变DiV的高度、宽度和背景色等，点击对应按钮，Div调整高度、调整宽度、调整背景色等。实现方面主要是使用JS来控制点击按钮后改变CSS样式文件，这一切都是在JS的动态控制下，比如无刷新切换网页风格的实现，可以以此为基础来扩展。 运行效果如下图所示：具体代码如下：点击按钮改变CSS样式*...
本文实例讲述了JavaScript实现点击按钮切换网页背景色的方法。分享给大家供大家参考，具体如下： 这里演示JavaScript用按钮随意变换背景颜色，每点击一下按钮，就可以随机改变一种网页背景颜色。颜色值事先是保存在JS的数组里，你在代码里会发现他们，若不想要某个颜色，就替换掉即可。 运行效果截图如下：在线演示地址如下： http://demo.jb51.net/js/2015/js-btn-click-rand-bgcolor-codes/ 具体代码如下：通过按钮变换背景颜色v...
本文实例讲述了javascript设置页面背景色及背景图片的方法。分享给大家供大家参考，具体如下：New Document function update(temp) {if(temp == 'color'){document.body.style.backgroundColor="#FFFFFF";//改变背景色}if(temp == 'img'){document.body.style.backgroundImage="url(images/bgimg.gif)";//改变背景图片} }
本文实例讲述了js获取及修改网页背景色和字体色的方法。分享给大家供大家参考，具体如下： 获得网页的背景色和字体颜色，方法如下： 思想： 通过取得颜色属性值得到的是 rgb 色，不是我们想要的，所以需要将 rgb 色装换为 十六进制色 ，首先获得rgb色 ： 代码如下:代码如下:var rgb = document.getElementById(color).style.backgroundColor; 得到格式如下： rgb(225, 22, 23); 然后进行拆分： 代码如下:代码如下:var rgb = rgb.sp...
看了网上那么多的js鼠标悬停时事件，大多数的，说了那么多话，也没解决什么问题，现在直接贴上代码，以供参考 html: <div id="sign">this is test!</div>css: <style type="text/css"> .out{background-color: gray;} .over{background-color: red;} .down{background-color: yellow; } </style>Way1: js:$(function(){ var sign=document.getElementById("sign"); changBkColor(sign); }); function changBkColor(obj...
Element UI 的Table组件踩坑记： （1）参数row-class-name无效的坑：官方文档给出了如下代码： 但是我使用后并没有出现预初想要第一行高亮的效果，然后console.log(row, rowIndex)，发现控制台输出的值均为undefined。最终解决方案是只要传入row或者rowIndex即可，然后根据自己所要的数据而进行处理，后来我修改代码为如下： tableRowClassName(row) {if (row.number === 1 && this.isActive) {return first-row} else {return } ...
1、首先定义两个不同的 .null-input .el-input__inner { background-color: rgba(255, 255, 255, 0.8); color: #525661; font-size: 16px; }.no-null-input .el-input__inner { background-color: rgba(255, 255, 255, 1); color: #524F52; font-size: 16px; }2、根据:class 控制input的class :class="{ null-input:isNullInput, no-null-input:!isNullInput}" @change="changeCss"3、根据change方法判断input的值 然后控制is...
例子： <template><div class="finish-wrap"><div class="finish-header"><div class="finish-img"></div></div><div class="finish-tip">支付成功</div><div class="finish-footer"><router-link to="/">学车所需资料</router-link><span><router-link to="/">学车考照流程</router-link></span></div></div> </template>1.如果直接在css中设置body的background-color，会导致其他页面的背景色响应改变，所以不可取； 2.如上面例子...