`
yxgblog
  • 浏览: 38410 次
  • 性别: Icon_minigender_2
  • 来自: 郑州
最近访客 更多访客>>
社区版块
存档分类
最新评论

更换颜色点击不同的按钮

CSS 
阅读更多

<link id="cssChange" href="style.css" rel="stylesheet" type="text/css" />

 

function setSkin(n)
 {
  var css = document.getElementById("cssChange");
  var cssList=new Array("yellow.css","red.css","green.css","blue.css","purple.css");
  var cssurl = "";
  cssurl +=cssList[n];
  css.href=cssurl;
 }

<img src="img/blue.gif" width="15" height="15" onclick="setSkin(1对应的值)" />

分享到：
| 更换图片
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网站点击颜色按钮实现背景换肤效果

    在网页设计中，实现“点击颜色按钮实现背景换肤效果”是一种常见的用户交互功能，它为用户提供了一种个性化定制网站视觉体验的方式。这种效果通常通过JavaScript、CSS3以及可能的后端技术配合来完成。下面将详细介绍...

    按钮点击更换颜色（xml实现）

    "按钮点击更换颜色（xml实现）"这一主题关注的是如何通过XML布局文件来实现RadioGroup控件中的导航按钮在被点击时改变颜色的效果，以提供视觉反馈，增强用户操作的感知。RadioGroup是一个用于管理多个RadioButton的...

    Android点击换图片和换字的颜色相互点按钮

    通过这样的方式，我们就可以实现Android中点击按钮时图像和文字颜色的相互变换。这种交互设计在很多场景下都非常适用，如开关按钮、导航按钮等。为了方便开发者快速实现这一效果，提供的压缩包文件可能包含了一些...

    MFC使用按钮控制对话框背景颜色

    在Microsoft Foundation Classes ...现在，当你点击"更改颜色"按钮时，对话框的背景颜色就会改变。这就是使用MFC通过按钮控制对话框背景颜色的基本步骤。通过进一步学习MFC，你可以实现更复杂的用户界面和交互逻辑。

    js实现点击按钮随机生成背景颜色

    用户在浏览器中打开这个HTML文件，点击按钮“点击更换背景颜色”后，页面的背景颜色会立即变为一个新的随机颜色，颜色范围从`#000000`（黑色）到`#FFFFFF`（白色）。 ### 常见优化与拓展 - **颜色范围限制**：如果...

    动态生成按钮，点击动态修改按钮背景图片

    当点击事件发生时，我们根据需要更换按钮的背景图片。资源图片通常存储在项目的res/drawable目录下，可以使用R.drawable类来引用它们。以下是如何实现这一功能的代码片段： ```java button.setOnClickListener(new ...

    无刷新换风格，无刷新切换不同颜色的产品图片

    1. **触发事件**：用户可能通过点击按钮、下拉菜单或其他交互元素来触发换风格或切换图片的操作。 2. **创建XMLHttpRequest对象**：在JavaScript中，我们需要创建一个XMLHttpRequest对象，它是Ajax通信的基础。这个...

    ListView的Button点击更改Button本身背景

    在这里，我们可以根据需要更改Button的背景，如切换不同的颜色或者图片资源。同时，为了防止状态丢失，我们还需要在`getView()`中处理View的复用问题，确保每次显示的数据与数据集中的对应项匹配。 代码示例： ```...

    VC 通过点击按钮更换窗口皮肤风格.rar

    本资源"VC 通过点击按钮更换窗口皮肤风格.rar"提供了一个基础的示例，帮助初学者理解如何在VC++中实现这一功能。尽管实际的换肤效果并未在示例中完全展示，但其核心逻辑是值得深入探讨的。 首先，让我们了解什么是...

    MFC自绘按钮类，点击、悬浮，初始状态

    2. 重写OnDraw()：覆盖CButton的OnDraw()函数，根据按钮的状态（如非激活、激活、鼠标悬浮、按下等）绘制不同的图像或颜色。 3. 处理消息：处理WM_PAINT消息，调用OnDraw()进行绘制。同时，可能需要处理WM_MOUSEMOVE...

    点击图标更换网页背景代码.rar

    标题中的“点击图标更换网页背景代码”指的是一个JavaScript（JS）特效，用于实现用户点击某个图标后，网页的背景颜色发生改变。这个功能通常应用于网页个性化或者交互式设计，为用户提供更加动态和有趣的浏览体验。...

    即时更换字体大小背景颜色

    为了实现即时更换背景颜色，可以创建一个颜色选择器，让用户通过点击或滑动来选择喜欢的颜色。 为了实现这些功能，开发者可能需要用到JavaScript或jQuery等库。例如，可以监听用户的键盘快捷键或点击事件，实时更新...

    java更换窗口背景颜色

    为了进一步扩展功能，我们可以在`SimpleChangePanel`中添加更多按钮，例如蓝色和红色按钮，以允许用户选择不同的背景颜色。 ```java class SimpleChangePanel extends JPanel implements ActionListener { private...

    ios-button点击切换.zip

    在这个名为"ios-button点击切换.zip"的压缩包中，我们主要关注如何通过点击按钮来实现两个核心功能：页面切换和图片切换。下面将详细阐述这两个知识点。 首先，我们来讨论点击按钮切换页面。在iOS开发中，通常使用...

    Java编程实现swing圆形按钮实例代码

    Java编程实现swing圆形按钮实例代码主要介绍了Java编程实现swing圆形按钮实例代码，涉及两个简单的Java实现按钮的代码，其中一个具有侦测点击事件的简单功能，具有一定借鉴价值，需要的朋友可以参考。 Swing是一个...

    ajax网页更换皮肤颜色

    本示例“ajax网页更换皮肤颜色”利用Ajax（异步JavaScript和XML）技术，实现了用户通过鼠标点击即可实时更换网页皮肤颜色的功能。下面我们将深入探讨这个主题涉及的相关知识点。 1. **Ajax技术**：Ajax的核心是能够...

    教大家换iebook超级精灵软件里的皮肤和皮肤按钮颜色.docx

    具体步骤可能因软件版本不同而略有差异，通常您可以在皮肤设置或主题编辑器中找到相关选项，选择需要的颜色并应用到按钮上。 5. **修改封面和封底** - 封面和封底的修改方法与更换皮肤类似。您同样需要找到相应的...

    Unity3D教程：汽车模型外壳颜色更换2

    在这个阶段，我们通过 `GameObject.Find()` 方法找到场景中的汽车模型对象，然后进一步找到汽车模型上需要更换颜色的特定材质。这通常涉及到遍历模型的所有子物体，因为复杂的3D模型可能包含多个材质。 `Update()` ...

    Android应用源码之不用更换图片的点击效果.zip

    然而，如果要在点击时改变按钮的外观而不更换图片，我们可以利用颜色状态列表（ColorStateList）和自定义样式（Style）来实现。 首先，颜色状态列表（ColorStateList）是一种可以根据控件状态改变颜色的机制。例如...

    JS实现点击按钮控制Div变宽、增高及调整背景色的方法

    标题“JS实现点击按钮控制Div变宽、增高及调整背景色的方法”中的知识点主要涉及在JavaScript（JS）中如何通过点击按钮来动态调整页面中一个特定的Div元素的宽度、高度以及背景颜色。这些操作通过改变DOM（文档对象...

Magicbox
Global site tag (gtag.js) - Google Analytics