分类为 建站笔记 的存档

颜色代码互换工具(只支持IE)

Author: robay

26 九 2007

打开代码文件

<HTML><HEAD><TITLE>查颜色代码</TITLE>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″>
<META content=”MSHTML 6.00.2800.1106″ name=GENERATOR>
<META content=”Microsoft FrontPage 4.0″ name=GENERATOR>
<META content=FrontPage.Editor.Document name=ProgId>
<script language=JavaScript>
<!– annie
addary = new Array(); // 
addary[0] = new Array(0,1,0); // 
addary[1] = new Array(-1,0,0); //
addary[2] = new Array(0,0,1); //
addary[3] = new Array(0,-1,0); //
addary[4] = new Array(1,0,0); // 
addary[5] = new Array(0,0,-1); // 
addary[6] = new Array(255,1,1);
clrary = new Array(360);
for(i = 0; i < 6; i++)
for(j = 0; j < 60; j++) {
clrary[60 * i + j] = new Array(3);
for(k = 0; k < 3; k++) {
clrary[60 * i + j][k] = addary[6][k];
addary[6][k] += (addary[i][k] * 4);
}
}
function capture() {
if(document.layers) {
layobj = document.layers['wheel'];
layobj.document.captureEvents(Event.MOUSEMOVE);
layobj.document.onmousemove = moved;
}
else {
layobj = document.all["wheel"];
layobj.onmousemove = moved;
}
}
function moved(e) {
y = 4 * ((document.layers)?e.layerX:event.offsetX);
x = 4 * ((document.layers)?e.layerY:event.offsetY);
sx = x – 512;
sy = y – 512;
qx = (sx < 0)?0:1;
qy = (sy < 0)?0:1;
q = 2 * qy + qx;
quad = new Array(-180,360,180,0);
xa = Math.abs(sx);
ya = Math.abs(sy);
d = ya * 45 / xa;
if(ya > xa) d = 90 – (xa * 45 / ya);
deg = Math.floor(Math.abs(quad[q] – d));
n = 0;
sx = Math.abs(x – 512);
sy = Math.abs(y – 512);
r = Math.sqrt((sx * sx) + (sy * sy));
if(x == 512 & y == 512) {
c = “000000″;
}
else {
for(i = 0; i < 3; i++) {
r2 = clrary[deg][i] * r / 256;
if(r > 256) r2 += Math.floor(r – 256);
if(r2 > 255) r2 = 255;
n = 256 * n + Math.floor(r2);
}
c = n.toString(16);
while(c.length < 6) c = “0″ + c;
}
if(document.layers) {
document.layers["wheel"].document.f.t.value = “#” + c;
document.layers["wheel"].bgColor = “#” + c;
}
else {
document.all["wheel"].document.f.t.value = “#” + c;
document.all["wheel"].style.backgroundColor = “#” + c;
}
return false;
}
// annie–>
</script>
<!–脚本说明:
第一步:把如下代码加入<head>区域中–>
<script LANGUAGE=”JavaScript”>
<!– Begin
function test(form) {
if (form.text.value == “”)
alert(“请输入你喜欢的颜色代码!”)
else {
document.bgColor=(“”+form.text.value+”");
}
}
// End –>
</script>
<META content=”blueprnt 011, default” name=”Microsoft Theme”>
</HEAD>
<BODY align=center text=#003399 vlink=#9900ff alink=#000066 link=#3366ff bgcolor=#ffffff onload=capture() onLoad=”clear();display()”>

<div align=”center”>
<DIV id=wheel style=”top: 90; width: 523; height: 317″>

<TABLE cellSpacing=0 cellPadding=0 border=0 align=”center” width=”523″>
<tr>
<td width=”100%” align=”center” height=”18″>
<font face=”宋体”>把鼠标放在图片上，就可显示出各种颜色的代码。</font>
</td>
</tr>
<TR>
<TD align=”center”>
<IMG height=256 src=”images/colorwheel.jpg” width=256 border=0>
</TD>
</TR>
<TR>
<TD align=center>
下面的代码框里显示颜色代码！
</TD>
</TR>
<TR>
<TD align=center>
<FORM name=f><INPUT size=27 name=t value=”这里显示颜色代码”> </FORM>
</TD>
</TR>
</TABLE>
</div>

<div align=”center” border=0>
<table border=”0″ height=”55″>
<tr>
<td width=”100%” align=”center” height=”58″></td>
</tr>
<tr>
<td width=”100%” align=”center” height=”25″>
<FORM><B>输入你喜欢的颜色代码，然后按按扭：<br/>
<input type=”text” name=”text”>
<input type=”button” name=”button” value=”输入” onClick=”test(this.form)”>
</FORM>
</td>
</tr>
</table>
<div>
</div>
</BODY></HTML></div></div>

  • No Comments
  • 标签：, , ,

    • shopEX的模板修改

    Author: robay

    25 九 2007

    这些天一直在寻找一个比较合适的模板或者风格,但本人真是没有一点艺术细胞,看中许多,却又拿不准,不知道到底应不应该用.去韩国的一些网站上转了转,有的确实漂亮,特别是一些flash的页面,可惜俺不会flash的东西,只有羡慕的份了.

    倒是从别的网站学来了一些技巧的东西,虽然花费了我大量的时间,但还算是有点收获吧,代价有点高的样子.

    对模板一直没有动手的另一个原因,是时间的问题,估计如果修改的话又会是一项庞大的工程,自己现在的时间又不是很多,又敢上国庆和十一,走亲访友的,很是繁琐,也安静不下心来去做这件事.所以只能是再等等了.

  • No Comments
  • 标签：

    • 搜索引擎的增强

    Author: robay

    24 九 2007

    又偷了一段代码，原理在这里，只是如果想应用在自己的搜索引擎里可能还要做相应的修改才行.

    (function() { var f = document.getElementById(‘searchbox’); if (!f) { f = document.getElementById(‘searchbox_demo’); } if (f && f.q) { var q = f.q; var n = navigator; var l = location; if (n.platform == ‘Win32′) { q.style.cssText = ‘border: 1px solid #7e9db9; padding: 2px;’; } var b = function() { if (q.value == ”) { q.style.background = ‘#FFFFFF url(http://www.google.com/coop/images/google_custom_search_watermark.gif) left no-repeat’; } }; var f = function() { q.style.background = ‘#ffffff’; }; q.onfocus = f; q.onblur = b; if (!/[&?]q=[^&]/.test(l.search)) { b(); } } })();

    今天抽时间测试了下,发现在IE下显示正常但在FF下则不能正常显示,不知道是代码的问题,还是兼容性的问题,或者偷来的代码不全.无奈之下,暂时放下不用了.等以后有时间再研究吧.

  • No Comments
  • 标签：, , , , , , ,

    • google的广告与网页的完美融合

    Author: robay

    24 九 2007

    今天在网上查找素材的时候，逛到了一韩国网站，其设计其实很简单，但让我好奇的是它把google的广告做成了自己的风格，与自己的网站有机的融合到了一起，让我羡慕不已。把代码住下来看了下，原来还是这么简单的事，但在国内的google说明里却一直没有找到相关的解释，不知道没有呢还是我找的不够仔细！把代码贴过来，留做备用吧！

    内容我就不解释了，相信站长们一看就明白的．

    [code] <script type="text/javascript"><!--
    google_ad_client = "";
    google_alternate_color = "353535";
    google_ad_width = 125;
    google_ad_height = 125;
    google_ad_format = "125x125_as";
    google_ad_type = "text";
    //2007-05-26: qnt_rechts
    google_ad_channel = "5034349397";
    google_color_border = "353535";
    google_color_bg = "353535";
    google_color_link = "A5A5A5";
    google_color_text = "A5A5A5";
    google_color_url = "A5A5A5";
    //-->
    </script>
    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
    </script>

    [/code][img]http://www.google.com/coop/images/google_custom_search_watermark.gif [/img]

  • No Comments
  • 标签：, , , , ,