jquery改变div背景颜色

2024-08-29

jquery效果，多个div，点击任何一个div，那么这个div会切换文字，变换背景颜色，再次点击其他的div ,这个div会发生刚才的变化，之前点击的div的颜色会变回来

首先css样式: /*原来的背景色*/ .bg { background:'red' } /*需要切换的背景色*/ .bg_click { background:'green' } JS: $('div').on('click',function(){ var $div = $(this); var $others = $div.siblings(); if($div.hasClass('bg')){ $div.removeClass('bg').addClass('bg_click').htm

Javascript技巧实例精选(1)—鼠标选择动态改变网页背景颜色

>>点击这里下载html源文件代码<< 采用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&qu

java 24 - 5 GUI之鼠标移动改变窗体背景颜色

需求: 创建一个可改变背景颜色的窗口,鼠标移动到按钮上,窗口背景就会改变成特定的颜色步骤: (大致上) 创建窗口对象创建按钮对象添加按钮到窗口中设置窗口关闭监听事件设置鼠标进入按钮区域的监听事件设置鼠标离开按钮区域的监听事件设置显示窗口代码: public class FrameText2 { public static void main(String[] args) { // 创建窗口对象 final Frame f = new Frame("改变背景颜色"); /

随机产生div背景颜色变化

使一个DIV在每次刷新后变化背景颜色,很容易想到JS的random()函数:通过每次刷新页面产生使背景rgb随机产生 <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="copyright"> <title>随机变化背景色</title> <style> #div1 { width:200px;

MFC改变对话框背景颜色

原文链接: http://blog.sina.com.cn/s/blog_59955afc0100spjz.html 方法一:调用CWinApp类的成员函数SetDialogBkColor来实现. ---- 其中函数的第一个参数指定了背景颜色,第二个参数指定了文本颜色.下面的例子是将应用程序对话框设置为蓝色背景和红色文本,步骤如下: ---- ① 新建一个基于Dialog的MFC AppWizard应用程序ExampleDlg. ---- ② 在CExampleDlgApp ::InitInst

C# 改变控制台背景颜色

之前查找静态构造函数相关的问题无意间碰到的一个问题.改变控制台的背景颜色. static void Main(string[] args) { //设置绿色 Console.BackgroundColor = ConsoleColor.Green; Console.WriteLine("背景色改变了"); } 这段代码运行以后是这个样子的.和想要的结果不符合. 所以正确的代码其实是 static void Main(string[] args) { //设置绿色 Console.Bac

永久改变cmd背景颜色

问题描述:cmd窗口为白底黑字,用久之后想换背景颜色. 解决方法一: win+R 输入regedis进入注册表,找到 HKEY_CURRENT_USER\Software\Microsoft\Command Processor路径右击DefaultColor文件名,点击修改修改数值数据即可,数值可以输入两个,第一个表示背景颜色,第二个表示文本颜色:如果只输入一个,则只改变文本颜色. 颜色对应的字符: 0=黑.1=蓝.2=绿.3=湖蓝色.4=红.5=紫.6=黄.7=白8=灰.9=淡蓝.A=淡绿

jquery animate 改变元素背景颜色

通过animate不能直接设置css样式可以通过https://cdnjs.cloudflare.com/ajax/libs/jquery-color/2.1.2/jquery.color.min.js插件

css中table tr:nth-child(even)改变tr背景颜色： IE7,8无效

例如: .my_table tr:nth-child(even){ background:#E6EDF5; } .my_table tr:nth-child(odd){ background:#F0F5FA; } IE7,8无效,无法识别. 换一种方法: 给需要变色的tr加上class .table_border table tr.even{background: #f8f8fb;} 方法三:jquery实现 $(".nav ul li div a:nth-child(even)"

jquery改变文本框颜色

<!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 runat="server"> <meta

python IDLE 改变窗口背景颜色

初学Python,想必大家拿来练习最多的IDE就是Python自带的IDLE了,但是默认的代码配色及语法高亮主题确实很不适应. 能不能把IDLE配置成像sublime_text那样的主题呢? 答案是当然可以. 效果图如下: HOW TO DO?别急,下面按我介绍的一步一步来就可以了,首先要找到名为config-highlight.cfg的文件,这个文件位于哪里呢?我列了一份可以找到它的路径清单在Linux系列系统下路径为(~表示用户目录):~/.idlerc/ 在Windows XP下路径为:

label添加手势（触摸改变其背景颜色）

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.window = [[UIWindowalloc] initWithFrame:[[UIScreenmainScreen] bounds]]; UILabel *lab1=[[UILabelalloc]initWithFrame:CGRectMake(20, 30,

怎么用JQUERY设置div背景图片？

平常,在css里,我们写成 { background:url(....) ; } 如果需要写脚本, 则 function(){ .....; $(....).css("background-image", "url(....)"); .....; }

浏览器打印不出div背景颜色

在body样式添加 -webkit-print-color-adjust: exact;

鼠标按下改变RelativeLayout背景颜色，松开变回

在drawable下创建bg.xml文件 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_pressed="true" android:drawable="@color/grey&

js特效代码-onmouseover/onclick 改变标签(背景)颜色

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>无标题文档</title> <script language="javascript"> function hc(ev) { var list = document.getElementsByTag

div 背景色设置_DIV背景颜色设置

DIV 背景色设置篇-div背景颜色设置篇一.div标签内直接设置背景颜色 - TOP <div style="background:#000; color:#FFF">背景为黑色</div> DIV标签内设置背景色为黑色,字体颜色为白色 div标签内设置背景色截图通过div标签内设置style设置背景色等CSS样式. 二.外部css设置div背景色 - TOP 这里为一个对象CSS命名为".divcss5",通过建立外部

ext js 4.0 grid表格根据列值的不同给行设置不同的背景颜色

Code: Ext.create('Ext.grid.Panel', { ... viewConfig: { getRowClass: function(record) { return record.get('age') < 18 ? 'child-row' : 'adult-row'; } } }); Code css样式: .child-row .x-grid-cell { background-color: #ffe2e2; color: #900; } .adult-row .x-gr

VC设置视图背景颜色方法

视图的背景一般来说是白色的,在缺省情况下,它和系统定义的颜色COLOR_WINDOW是一致的.设计者一般会希望自己的程序可以让用户轻松地改变窗口背景颜色,或是用漂亮的图片来充填背景.我们可以用Windows函数SetSysColors来重新指定COLOR_WINDOW所对应的实际颜色,来达到改变视图背景颜色的目的.但这样会同时改变其他应用程序的视图窗口背景,使得整个Windows系统的颜色设置产生混乱.另外,我们可能会用以下方法来设置视图的背景颜色,即在CView的OnDraw函数中添写如下一段

MFC修改视图CView的背景颜色

(1) 在CYournameView(就是你的视图类,以下以CDrawLineView为例)添加了一个背景颜色变量 COLORREF m_bgcolor; (2)修改这个函数: BOOL CDrawLineView::PreCreateWindow(CREATESTRUCT& cs){// TODO: Modify the Window class or styles here by modifying// the CREATESTRUCT cs cs.lpszClass=AfxRegis

VS2008给对话框添加背景颜色

第一种方法如下: 在对话框OnPaint()函数中添加代码 //改变对话框背景颜色 CRect rect; CPaintDC dc(this); GetClientRect(rect); dc.FillSolidRect(rect,RGB(,,)); dc.FillPath(); 在RGB中选择自己喜欢的颜色,编译运行第二种方法如下: 给对话框添加消息处理程序OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) HBRUSH CMyTestDlg::

jquery改变div背景颜色

热门专题