可以改变对象颜色的插件,面向对象应用

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>改变颜色的插件</title>
<style>
.box{
width:100px;
height:100px;
background:blue;
}
</style>
<script>
window.onload=function(){
var oBtn = document.getElementById(‘btn‘);
var oDiv = document.getElementById(‘box‘);

function Tored(oBtn,oDiv,color){
this.btn=oBtn;
this.div=oDiv;
this.color=color;
}
Tored.prototype.click=function(){
var a = this;
this.btn.onclick=function(){
a.reds();//这里的this是btn,他身上没有reds这个方法
};
}
Tored.prototype.reds=function(){
this.div.style.background=this.color;
};

var otred = new Tored(oBtn,oDiv,‘#000‘);
otred.click();
};
</script>
</head>

<body>
<input type="button" value="变红" id="btn">
<div class="box" id="box"></div>
</body>
</html>

时间: 2024-11-08 13:06:20

可以改变对象颜色的插件,面向对象应用的相关文章

jquery动态改变背景颜色插件

GETHUB下载地址 背景颜色用animate方法时时无法改变颜色的 所以要使用插件进行补充. 用法: <!DOCTYPE html> <html> <head> <style> div { background-color: #bada55; width: 100px; border: 1px solid green; } </style> <script src="http://code.jquery.com/jquery-1

bash中通过设置PS1变量改变提示符颜色

参考 <Prompt Magic> ubuntu初始时bash提示符的颜色同程序输出的颜色相同,当大量有输出时,找到输出信息开始的地方往往很费劲.如果把提示符的颜色变成更为醒目的颜色,那么就很容易定位输出信息开始处.bash中想要改变提示符颜色可以通过PS1变量的值来设置,如果将其放入用户对应目录下的.bashrc文件中,则用户打开bash时自动更改颜色.这里,我将提示符改成绿色:    PS1="\[\e[32m\]\[email protected]\h:\w\$ \[\e[0m

【转】使用blend改变图片颜色

最近对Core Animation和Core Graphics的内容东西比较感兴趣,自己之前也在这块相对薄弱,趁此机会也想补习一下这块的内容,所以之后几篇可能都会是对CA和CG学习的记录的文章. 在应用里一个很常见的需求是主题变换:同样的图标,同样的素材,但是需要按照用户喜爱变为不同的颜色.在iOS5和6的SDK里部分标准控件引入了tintColor,来满足个性化界面的需求,但是Apple在这方面还远远做的不够.一是现在用默认控件根本难以做出界面优秀的应用,二是tintColor所覆盖的并不够全

OpenCV改变像素颜色

Mat src=imread("image/color.jpg"); imshow("a",src); int i,j; int cPointR,cPointG,cPointB,cPoint;//currentPoint; for(i=1;i<src.rows;i++) for(j=1;j<src.cols;j++) { cPointB=src.at<Vec3b>(i,j)[0]; cPointG=src.at<Vec3b>(i,

jquery改变背景颜色

jquery改变背景颜色<html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){  $("button").toggle(function(){    $

改变状态栏颜色

要改变状态栏颜色的前提条件这个是让颜色显示 info.plist中 View controller-based status bar appearance这个属性 View controller-based status bar appearance =NO 统一设置(但是只有三中系统的)在plist里增加一行 UIStatusBarStyle(或者是“Status bar style”也可以) 单独设置  白色[UIApplication sharedApplication].statusBa

UILabel 分段改变文字颜色和字体

分段改变文字颜色 核心代码是 第四行 的attribute 和 value 这里要注意的是 这两个 属性是关联使用的 如果要改变文字字体, value:[uifont ...] 前面的attribute:NSFontAttributeName 就要相应的改变

CSS实例:鼠标滑过超级链接文字时改变背景颜色

先讲简单的: 通过CSS可以设置超链接在不同时刻的颜色: <style> a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FFFF} /* 已访问的链接 */ a:hover {color: #0000FF} /* 鼠标移动到链接上 */ a:active {color: #00FF00} /* 选定的链接 */ </style> <ul id="content"> <li&g

改变背景颜色

//改变背景颜色 protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e) { //如果是绑定数据行 if (e.Row.RowType == DataControlRowType.DataRow) { //鼠标经过时,行背景色变 e.Row.Attributes.Add("onmouseover", "this.style.backgroundColor='#ffa501'&qu