<html>
<head></head>
<script>
function findObj(n, d){
var p,i,x;
if(!d)d=document;
if((p=n.indexOf("?"))>0 && parent.frames.length){
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);
}
if(!(x=d[n]) && d.all)x=d.all[n];
for(i=0; !x && i<d.forms.length; i++)x=d.forms[i][n];
for(i=0; !x && d.layers && i<d.layers.length; i++)x=findObj(n,d.layers[i].document);
if(!x && d.getElementById)x=d.getElementById(n);
return x;
}
function colorsa(c){
findObj('colordiv').style.display='none';
findObj('colortd').style.backgroundColor='#'+c;
alert('#'+c); //修改此处可达到其他不同的效果
}
var hexch=new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F');
function ToHex(n){
var h, l;
n=Math.round(n);
l=n%16;
h=Math.floor((n / 16)) % 16;
return (hexch[h]+hexch[l]);
}
function ToHex1(n){
var l1;
n=Math.round(n);
l1=n % 16;
return (hexch[l1]+hexch[l1]);
}
function wc(r, g, b, n){
r=((r*16+r)*3*(15 - n)+0x80*n) / 15;
g=((g*16+g)*3*(15 - n)+0x80*n) / 15;
b=((b*16+b)*3*(15 - n)+0x80*n) / 15;
document.write('<td width="8" bgcolor="#'+ToHex(r)+ToHex(g)+ToHex(b)+'" onclick="colorsa(\''+ToHex(r)+ToHex(g)+ToHex(b)+'\');" onmouseover="this.style.backgroundImage=\'url(color_bg.gif)\';" onmouseout="this.style.backgroundImage=\'\';"></td>');
}
var cnum=new Array(1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 1, 1, 0, 0, 1, 1, 0, 1, 1, 0, 0);
function colortabl(){
for(i=0; i < 15; i ++){
document.write('<table border="0" cellpadding="0" cellspacing="0"><tr>');
document.write('<td bgcolor="#'+ToHex1(i)+ToHex1(i)+ToHex1(i)+'" height="8" width="8" onclick="colorsa(\''+ToHex1(i)+ToHex1(i)+ToHex1(i)+'\');" onmouseover="this.style.backgroundImage=\'url(color_bg.gif)\';" onmouseout="this.style.backgroundImage=\'\';"></td>')
for(j=0; j < 30; j ++){
n1=j % 5;
n2=Math.floor(j / 5)*3;
n3=n2+3;
wc((cnum[n3]*n1+cnum[n2]*(5 - n1)),(cnum[n3+1]*n1+cnum[n2+1]*(5 - n1)),(cnum[n3+2]*n1+cnum[n2+2]*(5 - n1)), i);
}
document.writeln('</tr></table>');
}
}
</script>
<div id="colordiv" style="display:none;position:absolute;z-index:5;" onmouseout="this.style.display='none';" onmouseover="this.style.display='';">
<script type="text/JavaScript">colortabl();</script>
</div>
<table border="0" cellpadding="0" cellspacing="0" style="background-color:#000000;" id="colortd" onclick="findObj('colordiv').style.display='';">
<tr>
<td><img src="color_ch.gif"></td>
</tr>
</table>
</body>
</html>
图片文件
分享到：
相关推荐
3. **css**：这也是一个目录，通常包含CSS样式表文件，用于定义钟表的外观，包括颜色、字体、布局等。CSS可以用来设置钟表的背景、指针的形状和长度、数字或标记的样式等。通过精确的定位和过渡效果，可以创造出流畅...
在网页设计和开发中，CSS（层叠样式表）和JavaScript是两个至关重要的技术，它们共同为用户提供了丰富的视觉体验和交互性。"css+javaScript项目特效整理"这个主题集中于利用这两种语言来创建吸引人的网页效果。下面...
本资源包“CSS和JavaScript特效”汇集了各种使用这两种技术实现的动态效果，旨在帮助开发者提升网页的吸引力和用户体验。 CSS作为网页样式的核心，允许我们定义元素的布局、颜色、字体、大小等视觉属性。在本资源包...
在这个JavaScript特效中，开发者可能使用了以下知识点： 1. **DOM操作**：JavaScript通过Document Object Model（DOM）来操纵HTML元素。在元素周期表的例子中，可能涉及到创建、查找、修改或删除HTML元素，如表格...
JavaScript可以通过监听鼠标的悬停事件，改变元素的属性，如颜色、大小、透明度，甚至是位置，从而创建出丰富多彩的视觉体验。 例如，"渤大美景主页"可能是一个展示风景图片的网页，利用JavaScript hover特效，当...
JavaScript可以通过监听`mouseover`和`mouseout`事件，动态修改元素的CSS属性，如颜色、大小、透明度等，从而实现这些特效。 三、图片特效 图片特效包括淡入淡出、轮播图、图片预加载等。JavaScript可以操作`Image`...
在这个"javascript特效"的压缩包中，我们看到一系列与JavaScript相关的资源，包括CSS样式表、图像和HTML文件，这些都是创建特效的重要组成部分。 首先，我们关注到`style.css`文件，这是用于定义页面样式的CSS...
JavaScript特效大全上册是一部深入探讨网页特效创建的教程，涵盖了JavaScript、CSS以及HTML的基础与进阶知识。在网页设计中，这些技术是构建交互性和视觉吸引力的关键元素。本教程旨在帮助开发者掌握各种网页特效的...
为了增强用户体验，JavaScript还可以配合CSS（层叠样式表）来改变页面的样式，如改变背景颜色、添加动画效果等。CSS可以内联在HTML中，也可以通过外部文件引用，然后用JavaScript去操纵这些样式。 总的来说，这个...
这个压缩包包含了这三个关键领域的帮助文档和JavaScript特效代码，为开发者提供了丰富的参考资料。 首先，让我们深入了解一下CSS。CSS是一种样式表语言，用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档...
在这个特效中，CSS被用来定义爱心的形状、颜色、大小以及动画效果。例如，开发者可能使用了`transform`属性来实现爱心的旋转，通过`animation`规则定义旋转的速度、方向和持续时间。此外，为了增加视觉层次感，CSS的...
JavaScript特效是前端开发中不可或缺的一部分，它为网页增添动态效果，提升用户体验，使得网页更加生动有趣。本资源包含了各种JavaScript实现的特效，适用于不同的场景，无论是网页导航、图像展示还是用户交互，都能...
这些颜色名称是CSS（层叠样式表）和JavaScript中定义颜色的标准方式之一。 JavaScript中处理颜色主要通过两种方式：颜色名称和十六进制值。颜色名称是一种方便快捷的方法，特别是对于初学者，因为它们直观易懂。...
实例043 应用JavaScript实现指定尺寸无边框无滚动条窗口 67 1.8 水平导航条应用 69 实例044 图片按钮导航条 69 实例045 导航条的动画效果 71 实例046 不用图片实现质感导航条 72 1.9 下拉菜单式导航条 73 实例047 二...
标题“JavaScript特效，伸缩图片menu.rar”指出这是一个关于JavaScript实现的动态图片菜单的效果。这个压缩包包含了实现这种效果所需的各种资源，如CSS样式表、HTML文件、JavaScript脚本以及图片素材。 首先，我们...
CSS（样式表）文件，可能在`css`文件夹内，负责设置页面的整体布局和样式，例如设置`canvas`的大小和位置，以及可能的阴影效果，以增强3D视觉体验。CSS3也可能被用来添加一些过渡效果，使手表旋转更加平滑。 实现这...
在本资源中，我们主要探讨的是“北大青鸟ACCP5.0JavaScript特效与表单验证”的上机作业源代码。这个课程是北大青鸟教育体系中的一部分，旨在教授学员如何利用JavaScript进行网页动态效果的实现和表单数据的有效验证...
总结起来，这个"分辨率警告"的JavaScript特效是一个实用的网页功能，它通过检测用户设备的分辨率并适时显示警告信息，提高了用户体验。开发者可以通过调整JavaScript和CSS代码，根据具体需求定制警告的触发条件和...
JavaScript特效在网页设计中扮演着重要的角色，它们可以为用户带来动态、交互式的体验，而五屏切换特效则是其中一种常见的展示方式。这种特效通常应用于网站的首页，以吸引用户的注意力，展示不同的内容板块，如产品...