=====这种“惊艳”的网页配色方案如何搞出来的呢？＝＝＝＝
详见：http://down.vv66.com/index.htm
点击右上角的“我的配色”，弹出一个配色网页对话框，这种效果如何设计出来？那里有得下载呢？
问题点数：0、回复次数：18Top
1 楼AppleBBS（Dicky）回复于 2005-06-02 12:54:41 得分 0
大惊小怪啊Top
2 楼jxdn_yang（(我不想做IT了)）回复于 2005-06-02 12:59:31 得分 0
你看看FRONTPAGE里的配色吧，Top
3 楼treeroot（旗鲁特）回复于 2005-06-02 13:00:32 得分 0
flashTop
4 楼ShiningstarHu（Shining_star）回复于 2005-06-02 13:01:39 得分 0
那个是Flash做的，没什么稀奇的。如果是纯HTML + Javascript那就有点技术了。Top
5 楼sharing（小玲子）回复于 2005-06-02 13:01:48 得分 0
关注
真的开始大惊小怪了.Top
6 楼qiangtian（tq）回复于 2005-06-02 14:11:28 得分 0
flash和网页的配合挺厉害的，不懂flash，帮顶Top
7 楼fangq（jack）回复于 2005-06-02 14:34:19 得分 0
这个并非“惊艳”所在，弹出个对话框后，点击上面相应的颜色，看看整个网站的配色方案都改了，真绝！Top
8 楼patchclass（黑翼）回复于 2005-06-02 14:58:01 得分 0
flash只是一个界面而已，应该是动态的生成一些css的吧，要看看代码就知道了
纯的HTML + Javascript，也可以实现这样的效果，只要想做Top
9 楼mfkiqpl（CPU）回复于 2005-06-02 15:16:26 得分 0
很早就看到了。。篮色理想就是这样的。。但不知道是怎么搞的。。。关注！Top
10 楼iamxiang（真心微笑）回复于 2005-06-02 17:12:04 得分 0
我顶，用FLASH生成CSS，然后应用到网页中。这个想法好，顶Top
11 楼jted（牛牛）回复于 2005-06-02 17:17:17 得分 0
这个配色的完整代码网上有下的。。家里电脑有存。。才20分。。兄弟们就自己去GG搜一下吧。。我懒得搜了。Top
12 楼abc666（狂奔）回复于 2005-06-02 17:45:23 得分 0
不就是调css嘛Top
13 楼cheng17（+天空+）回复于 2005-06-02 18:07:52 得分 0
那里有惊艳效果呀Top
14 楼mjpclab（有只大猫猫 mjpclab.net）回复于 2005-06-02 18:13:01 得分 0
展示意义大于实际意义Top
15 楼asp1110（）回复于 2005-06-02 18:21:08 得分 0
100MB asp和 asp.net空间 50/1年
我看到了一个网站 100MB asp和 asp.net空间 现在促销，
同学们可以做一个简单的个人网站用来找工作 ，
支持 asp.net 一年才50元！不要错过哦！！！
速度非常快，一般公司企业 足够用了！
http://www.hi876.com
希望能对大家有帮助
Top
16 楼AppleBBS（Dicky）回复于 2005-06-03 09:23:19 得分 0
<link rel=stylesheet type=text/css href=/css/style.css>
<style>
legend {
font-size: 12px;
font-weight: bold;
}
fieldset {
border: 1px solid #CCCCCC;
padding: 5px;
margin:5px 10px;
padding-bottom:10px;
}
.theme {
width:9;
height:9;
margin:0px 2px;
cursor:hand;
border:1px solid #CCCCCC;
}
</style>
<script>
function cc(setcolor){
document.body.style.filter='blendTrans(duration=1)';
document.body.filters[0].apply();
for(i=0;i<document.styleSheets[0].rules.length;i++) {
with(document.styleSheets[0].rules[i]) {
if (selectorText.toLowerCase().replace(/[^\.]*\./i,'')=='body'){
style.backgroundColor=setcolor;}
}
}
document.body.filters[0].play();
}
</script>
<body bgcolor=blue>
<br><br><br><br>
<fieldset><legend>现有成套配色</legend><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e7e8e9;" title="《绿色版》 -cola"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#0067c2;" title="《蓝色天际版》 -菜菜子"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#990000;" title="《围炉火锅版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffffff;" title="《青天白日梦版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#4c4e52;" title="《青天白夜梦版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6e6;" title="《夏日清凉版》 -handmade"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ecf3f9;" title="《未命名版》 -doupi"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffadd6;" title="《女性版》 -胸口别朵大红花"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#408080;" title="《学生版》 -胸口别朵大红花"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#8c8a84;" title="《暖灰版》 -imagebear"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#507171;" title="《姜子牙版》 -quester"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#10497b;" title="《钴蓝色版》 -梦觉"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#777718;" title="《绿色版》 -梦觉"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#6e6e80;" title="《暖色版》 -lee"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ced3d9;" title="《冷色版》 -lee"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#462d79;" title="《紫色版》 -Poorfish"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#c2cc66;" title="《黄色版》 -Poorfish"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#000000;" title="《紫色迷情版》 -LeXRus"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#d7faa8;" title="《绿之FD五月版》 -cartouche"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#95bf00;" title="《雨后清风版》 -dancing"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#edf7f3;" title="《秋荷淡叶版》 -moonjeep"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#001500;" title="《骇客帝国版》 -moonjeep"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#000000;" title="《未命名版》 -freewar"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffffff;" title="《灰色版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ff0000" title="《赤色版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6dc" title="《仿Macromedia版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6dc" title="《经典怀旧版》 -色眯眯的小疯狗" >
</fieldset>
<input type=button value=changecolor onclick="cc('green')">Top
17 楼AppleBBS（Dicky）回复于 2005-06-03 09:30:55 得分 0
上面第1行调用的css应该是直接调用蓝色经典里的
<link rel=stylesheet type=text/css href=http://www.blueidea.com/css/style.css>
<style>
legend {
font-size: 12px;
font-weight: bold;
}
fieldset {
border: 1px solid #CCCCCC;
padding: 5px;
margin:5px 10px;
padding-bottom:10px;
}
.theme {
width:9;
height:9;
margin:0px 2px;
cursor:hand;
border:1px solid #CCCCCC;
}
</style>
<script>
function cc(setcolor){
document.body.style.filter='blendTrans(duration=1)';
document.body.filters[0].apply();
for(i=0;i<document.styleSheets[0].rules.length;i++) {
with(document.styleSheets[0].rules[i]) {
if (selectorText.toLowerCase().replace(/[^\.]*\./i,'')=='body'){
style.backgroundColor=setcolor;}
}
}
document.body.filters[0].play();
}
</script>
<body bgcolor=blue>
<br><br><br><br>
<fieldset><legend>现有成套配色</legend><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e7e8e9;" title="《绿色版》 -cola"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#0067c2;" title="《蓝色天际版》 -菜菜子"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#990000;" title="《围炉火锅版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffffff;" title="《青天白日梦版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#4c4e52;" title="《青天白夜梦版》 -POPOEVER"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6e6;" title="《夏日清凉版》 -handmade"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ecf3f9;" title="《未命名版》 -doupi"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffadd6;" title="《女性版》 -胸口别朵大红花"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#408080;" title="《学生版》 -胸口别朵大红花"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#8c8a84;" title="《暖灰版》 -imagebear"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#507171;" title="《姜子牙版》 -quester"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#10497b;" title="《钴蓝色版》 -梦觉"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#777718;" title="《绿色版》 -梦觉"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#6e6e80;" title="《暖色版》 -lee"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ced3d9;" title="《冷色版》 -lee"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#462d79;" title="《紫色版》 -Poorfish"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#c2cc66;" title="《黄色版》 -Poorfish"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#000000;" title="《紫色迷情版》 -LeXRus"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#d7faa8;" title="《绿之FD五月版》 -cartouche"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#95bf00;" title="《雨后清风版》 -dancing"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#edf7f3;" title="《秋荷淡叶版》 -moonjeep"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#001500;" title="《骇客帝国版》 -moonjeep"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#000000;" title="《未命名版》 -freewar"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ffffff;" title="《灰色版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#ff0000" title="《赤色版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6dc" title="《仿Macromedia版》 -myhyli"><img onclick="cc(this.style.backgroundColor)" src=/img/spacer.gif class="theme" style="background-color:#e6e6dc" title="《经典怀旧版》 -色眯眯的小疯狗" >
</fieldset>
<input type=button value=changecolor onclick="cc('green')">Top
18 楼mikespook（CSDN ＝＝ 吹死大牛）回复于 2005-06-03 09:31:50 得分 0
我记得sourceforge.net上有一个PHP写的不用数据库的BLOG里有类似的功能，而且是不用FLASH，用的纯JS做的仿PHOTOSHOP的取色工具~~~
呵呵，这个叫惊艳，那要叫唯美了~~~Top
