差点又忘记一件是了!上次云雾问我,我右边的公告栏,颜色渐进的效果是怎么做成的。其实,我也是在梦想实验室那里偷师回来的,看到他那里的效果不错,便也搞个来试试。我不知道梦想实验室怎么弄的,以下是我弄的方法,有点傻瓜,呵呵!
 
1.打开Microsoft Office的FrontPage,将以下这一段代码复制粘贴到“<body> ”后面。
<html>
<head>
<title>改变背景色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
 
 
function makeArray(q){for(i=1;i<=q;i++){this[i]=0}}Colors=new makeArray(7);Colors[1]="00";Colors[2]="33";Colors[3]="66";Colors[4]="99";Colors[5]="CC";Colors[6]="FF";
 
 
</script>
<style type="text/css">
<!–
.unnamed1 {  font-family: "宋体"; font-size: 9pt; line-height: 180%; color: #333333; text-decoration: none}
–>
</style>
</head>
 
<body bgcolor="#FFFFFF">
 
<center>
</center>
<div align="left">
  <table width="80%" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td width="18%">
        <table cellspacing=0 cellpadding=0 border="1" align="left">
          <script language=javascript>
<!–
for(i=1;i<=6;i++){for(j=1;j<=6;j++){for(k=1;k<=6;k++){var thiscolor=Colors[i]+Colors[j]+Colors[k];document.writeln("<tr><td height = 20 bgcolor = \"#" + thiscolor + "\" align = right><a href = ");document.writeln("\’\’ onMouseOver = \"document.bgColor=\’"+thiscolor+"\’\">"+thiscolor+"</a></td></tr>");}}}
 
–>
 
 
</script>
        </table>
      </td>
      <td valign="top" width="82%">
        <p class="unnamed1">这又是一个改变背景色的javaScript。<br>
          你只要把鼠标在左边色标上移动,页面背景色会随时更改!<br>
          色标上的数字是该颜色的16进制数。</p>
        <p class="unnamed1">本效果代码极小,包含两个javaScript,一个在文件头内,另一个在正文区内,分别粘贴入你的网页即可。</p>
        <p class="unnamed1">色标代码很长,包含了2百多种网页“安全色”,对于学习对照颜色代码也很有益处哦。<br>
          点击下面按钮可直接查看源代码:</p>
        <form>
           
<input type="BUTTON" value="查看源代码" onClick= ‘window.location = "view-source:" + window.location.href’ name="BUTTON">
        </form>
        <p class="unnamed1">&nbsp;</p>
        </td>
    </tr>
  </table>
</div>
</body></html>
 
因为这个我也是从网络上得到的,但是,哪个网址就忘记了,只好麻烦点,自己弄个来现。
 
2.然后按“预览”,颜色渐进的效果很明显,都是value值的16进制代码。然后再用<font color="#value">写上你想写的字</font>,一个个编辑就ok了!例如我的代码是:
 href="http://blog.donews.com/qiu123/archive/2006/01/13/693956.aspx">├<font color="#CCOOFF">留</font><font color="#CCOOCC">言</font><font color="#CCO099">版</font>┤</a><br><a href="http://blog.donews.com/qiu123/archive/2006/01/13/693956.aspx"><font color="#FFCCCC">呆留过,</font><font color="#FFCC99">浏览过,</font><font color="#FFCC66">不小心来过,</font><font color="#FFCC33">都真切地</font><font color="#FFCC00">希望能在此</font><font color="#FF99FF">留个记号!</font><font color="#FF99CC">对任何话语</font><font color="#FF9999">都可与我在此交流!</font></a></p>
麻烦是麻烦点,还有点傻瓜。有更好的方法大家分享分享吧!

后记:我发现这个方法不行,如果直接选中这些代码,复制到FrontPage中,会出现乱码!那只好又再麻烦多一步,将它先复制到“笔记本”中,然后再按照1.2.步进行下去,这样是可以实现效果的!如果觉得麻烦的话,可以告诉我你的邮箱地址,让我直接sent现成的给你。(其实这个更快诶。之前怎么没有想到,让云雾等了这么久!)


5条评论

  1. 呵呵

    有意思啊!`

    春节快乐

  2. 还有个,更偷懒的。

    http://k688.com/wyzs/3.htm

    只要不是整段整段的文字,用起来还是算方便吧。

    偶都是跑上去复制粘帖下来的。汗“

    表问我哪里转了,MS来自某个朋友的SPACE。

  3. to JK:你那个很不错诶!谢谢啦!找天介绍给云雾!

发表评论

评论也有版权!

click to change验证码