`
scrooph
  • 浏览: 2880 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

一个简单的JS颜色渐变

阅读更多
花了点时间琢磨了一下颜色渐变的实现,这是一个简单的JS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  </head>
  <body>
      <script type="text/javascript">
          var where = document.getElementById('here');
          for(a=1;a<16;a++){
              for(b=1;b<16;b++){
                for(i=1;i<16;i++){
                    var e = code(i);
                    var x = code(b);
                    var y = code(a);
                  document.write('<font color=#'+y+x+e+'>x</font>');
                }
                document.write('<br/>');
              }
              document.write('<br/>');
          }
          function code(z){
              switch(z){
                  case 10:z='a';break;
                  case 11:z='b';break;
                  case 12:z='c';break;
                  case 13:z='d';break;
                  case 14:z='e';break;
                  case 15:z='f';break;

              }
              return z;
          }
      </script>
      <div id="here">
  you will like it!
  </div>
  </body>
</html>
分享到:
评论

相关推荐

    颜色渐变的柱状图

    每个条形通常代表一个类别,而条形的高度或长度则对应于该类别的数值。 2. 柱状图的结构:柱状图由x轴和y轴组成。x轴通常用于表示类别,而y轴则表示数值大小。在颜色渐变的柱状图中,颜色的深浅或者变化趋势通常与...

    js创建颜色渐变,js颜色渐变程序,firefox filter,ff filter处理

    1. **JavaScript颜色渐变基础** JavaScript通过操作CSS样式来实现颜色渐变。首先,我们需要获取目标元素,这可以通过`document.getElementById`、`document.querySelector`或`document.querySelectorAll`来完成。...

    一个超级简单的JS库实现一个背景渐变与字体颜色阴影效果

    【标题】:创建一个简单的JS库来实现背景渐变与文字阴影效果 在网页设计中,视觉效果常常是吸引用户注意力的关键因素。本项目提供了一个轻量级的JavaScript库,旨在帮助开发者轻松实现背景渐变和文字阴影效果,从而...

    JS颜色渐变 css

    `Faded_v1-0.js`是一个实现颜色渐变的JavaScript库,它可能包含了用于动态改变元素背景颜色的函数。这个库可能通过监听时间间隔或特定事件来调整元素的颜色,从而模拟颜色渐变的效果。使用JS实现渐变的优点在于可以...

    javascript实现网页背景颜色渐变

    javascript实现网页背景颜色渐变

    颜色渐变直线

    1. **线性渐变**:这是最简单的一种颜色渐变,沿着直线的方向,颜色从起点的RGB值线性变化到终点的RGB值。线性渐变在Web开发中常用CSS3的`linear-gradient()`函数来实现。 2. **径向渐变**:与线性渐变不同,颜色是...

    窗体颜色渐变

    4. **脚本语言实现**:对于脚本语言,如JavaScript,可以利用canvas元素的绘图功能来实现颜色渐变,或者使用CSS3的动态修改能力,通过JavaScript控制颜色渐变动画。 在实现颜色渐变时,需要注意以下几点: 1. **...

    vc下文字的3D和颜色渐变显示

    创建一个新的Win32控制台项目,引入GDI相关的头文件,然后在消息处理函数WM_PAINT中实现文字的3D和颜色渐变绘制。记得在完成绘制后调用EndPaint函数。 5. **学习资源** - Microsoft的MSDN文档提供了详细的GDI函数...

    Vue.js圆形CSS3颜色渐变色拾取器.zip

    在这个项目中,我们关注的是一个特定的组件:一个使用CSS3实现的圆形颜色渐变色拾取器。这个组件是基于Vue.js来设计的,允许用户交互地选择颜色,并显示颜色的渐变效果。 在CSS3中,颜色渐变是一个强大的特性,可以...

    有意思的Js可拖动的渐变色角度选择器 Javascript模拟出的角度选择器,拖动这个简洁的滑块,会改变渐变色的角度,本代码有两个亮点:一个是滑块的拖动,别一个则是渐变色的实现,这两者的结合必然形成独特的代码

    本文将详细介绍一个有趣的JavaScript项目——“可拖动的渐变色角度选择器”。该项目通过使用HTML、CSS 和 JavaScript 实现了一个交互式的渐变色角度选择器。用户可以通过拖动界面上的一个简洁的滑块来调整渐变色的...

    js颜色从蓝色到红色渐变.txt

    提供一个颜色类,输入RGBA参数,alpha可以不输入。该颜色类有一个静态函数生成从蓝色到红色的渐变颜色数组,传入参数为数组元素个数。

    JQuery颜色渐变插件jquery.color.js

    总的来说,`jquery.color.js`是jQuery生态系统中的一个重要组成部分,它扩展了jQuery的动画功能,使得开发者能够更自由地操控元素的颜色变化,从而创造出更加吸引人的视觉效果。对于那些希望在不牺牲兼容性的前提下...

    js 简单的颜色渐变效果

    只是实现了html页面的颜色渐变效果每点击一下就改变一下就改变一种颜色对你有用

    提取图片颜色生成背景渐变js代码.zip

    在JavaScript的世界里,创建动态和引人入胜的网页效果是一项常见的挑战,而"提取图片颜色生成背景渐变js代码.zip"就是一个解决此类问题的工具。这个压缩包包含了一个JavaScript代码示例,它能帮助开发者从一张图片中...

    javascript经典特效---打开页面颜色渐变.rar

    以下是一个简单的颜色渐变示例: 1. 首先,在HTML中设置一个body元素,并为其指定一个初始颜色: ```html &lt;!DOCTYPE html&gt; 颜色渐变示例 body { background-color: #000000; /* 初始颜色 */ } 颜色...

    Jquery 表格颜色渐变

    在网页设计中,为了提升用户体验和视觉效果,我们经常会对数据展示进行美化处理,其中“Jquery 表格颜色渐变”就是一个常见的需求。Jquery 是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及...

    jQuery CSS3颜色渐变选择器.zip

    【jQuery CSS3颜色渐变选择器】是一款专为前端开发者设计的工具,它利用JavaScript库jQuery结合CSS3技术,能够方便地创建出丰富多彩的颜色渐变效果。在网页设计中,色彩渐变是一种常用的设计手法,可以增加视觉吸引...

    CSS3颜色渐变选择器jQuery代码

    【CSS3颜色渐变选择器jQuery代码】是一个用于创建网页设计中颜色渐变效果的工具。这个工具基于jQuery库,提供了便捷的方式为网页元素添加丰富多彩的CSS3渐变背景。CSS3是CSS(层叠样式表)的第三个版本,引入了许多...

    css颜色渐变菜单效果

    在创建颜色渐变菜单时,首先我们需要定义菜单元素的结构,这通常包括一个包含所有菜单项的容器和各个独立的菜单链接。我们可以使用HTML5的`&lt;nav&gt;`和`&lt;ul&gt;`、`&lt;li&gt;`标签来构建这个结构: ```html &lt;li&gt;&lt;a href="#...

    网页模板——Vue.js圆形CSS3颜色渐变色拾取器.zip

    在这个“网页模板——Vue.js圆形CSS3颜色渐变色拾取器”项目中,我们可以深入探讨Vue.js如何与CSS3技术结合,创建一个动态的颜色选择工具。 首先,Vue.js的核心在于其响应式数据绑定系统。通过使用`v-model`指令,...

Global site tag (gtag.js) - Google Analytics