首页  设为首页  收藏本站  大力论坛 
  大力在线



  您所在的位置:首页 > 认证考试 > 软件考试 > 考试指导 > 正文   
网页特效:色彩变幻的链接
作者:佚名 发布时间:2008-06-09 来源:考试大 点击:0

  色彩自动变换的链节,效果很赞,就是代码比较长。

  <HTML>

  <HEAD>

  <TITLE>Dynamic Link Color Changer</TITLE>

  </HEAD>

  <script Language="Javascript">

  bname=navigator.appName;

  bversion=parseInt(navigator.appVersion)

  var z=0;

  var rgb=0;

  var message= new Array();

  var value=0;

  var timer1;

  var timer2;

  var timer3;

  var convert = new Array()

  var hexbase= new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F");

  //Do not edit anything else in the script except the lines below

  var bgcolor="#FF0000"; //Fade color

  var color="#0000FF";  //Starting color

  var speed=55

  //Do not edit anything else in the script except the lines above

  for (x=0; x<16; x++){

  for (y=0; y<16; y++){

  convert[value]= hexbase[x] + hexbase[y];

  value++;

  }

  }

  redx=color.substring(1,3);

  greenx=color.substring(3,5);

  bluex=color.substring(5,7);

  hred=eval(parseInt(redx,16));

  hgreen=eval(parseInt(greenx,16));

  hblue=eval(parseInt(bluex,16));

  eredx=bgcolor.substring(1,3);

  egreenx=bgcolor.substring(3,5);

  ebluex=bgcolor.substring(5,7);

  ered=eval(parseInt(eredx,16));

  egreen=eval(parseInt(egreenx,16));

  eblue=eval(parseInt(ebluex,16));

  red=ered;

  green=egreen;

  blue=eblue;

  function start(){

  timer1=window.setInterval('up()',speed)

  }

  function up(){

  if (red<hred){

  if ((red+15)<hred){

  red+=15;

  redx = convert[red]

  }

  else{

  red=hred

  redx = convert[red]

  }

  }

  if (red>hred){

  if ((red-15)>hred){

  red-=15;

  redx = convert[red]

  }

  else{

  red=hred

  redx = convert[red]

  }

  }

  if (green<hgreen){

  if ((green+15)<hgreen){

  green+=15;

  greenx = convert[green]

  }

  else{

  green=hgreen

  greenx = convert[green]

  }

  }

  if (green>hgreen){

  if ((green-15)>hgreen){

  green-=15;

  greenx = convert[green]

  }

  else{

  green=hgreen

  greenx = convert[green]

  }

  }

  if (blue<hblue){

  if ((blue+15)<hblue){

  blue+=15;

  bluex = convert[blue]

  }

  else{

  blue=hblue

  bluex = convert[blue]

  }

  }

  if (blue>hblue){

  if ((blue-15)>hblue){

  blue-=15;

  bluex = convert[blue]

  }

  else{

  blue=hblue

  bluex = convert[blue]

  }

  }

  rgb = "#"+redx+greenx+bluex;

  document.linkColor=rgb;

  document.vlinkColor=rgb;

  if (z>19){

  window.clearInterval(timer1);

  timer2=window.setInterval('down()',speed)

  }

  else

  z++

  }

  function down(){

  if (red<ered){

  if ((red+15)<ered){

  red+=15;

  redx = convert[red]

  }

  else{

  red=ered

  redx = convert[red]

  }

  }

  if (red>ered){

  if ((red-15)>ered){

  red-=15;

  redx = convert[red]

  }

  else{

  red=ered

  redx = convert[red]

  }

  }

  if (green<egreen){

  if ((green+15)<egreen){

  green+=15;

  greenx = convert[green]

  }

  else{

  green=egreen

  greenx = convert[green]

  }

  }

  if (green>egreen){

  if ((green-15)>egreen){

  green-=15;

  greenx = convert[green]

  }

  else{

  green=egreen

  greenx = convert[green]

  }

  }

  if (blue<eblue){

  if ((blue+15)<eblue){

  blue+=15;

  bluex = convert[blue]

  }

  else{

  blue=eblue

  bluex = convert[blue]

  }

  }

  if (blue>eblue){

  if ((blue-15)>eblue){

  blue-=15;

  bluex = convert[blue]

  }

  else{

  blue=eblue

  bluex = convert[blue]

  }

  }

  rgb = "#"+redx+greenx+bluex;

  document.linkColor=rgb;

1 2 下一页  
整理:大力在线  责任编辑:dalisky  
上一篇:网页特效:鼠标放上去加粗超链接 下一篇:网页特效:雾化链接


  相关信息
 ·网页特效:雾化链接  (2008-06-09 00:20:21)
 ·网页特效:十字显现  (2008-06-09 00:18:08)
 ·网页特效:鼠标经过变色文字  (2008-06-09 00:16:27)
 ·网页表单在浏览器的表现实例  (2008-06-09 00:14:31)
 ·DIV+CSS常用的网页布局代码  (2008-06-09 00:11:25)
 ·SEO与网页设计要有机的结合  (2008-06-09 00:08:54)
 ·一个合格网页设计师的标准是什么  (2008-06-09 00:05:29)
 ·详解用DW制作网页中表格  (2008-06-09 00:04:57)
 ·如何制作出非常美观的网页  (2008-06-09 00:03:35)
 ·网页摹仿和抄袭的心得论  (2008-06-09 00:01:31)

用户名: 密码: 验证码:
匿名发表    

  图文推荐
YouTube视频可加字幕,为走向国际化铺路
YouTube视频可加字
微软Windows 7桌面最新截图曝光
微软Windows 7桌面
未来模式的操作系统,在浏览器中运行
未来模式的操作系
KDE 4.1 Beta发布,沿用优秀KED 3.5应用
KDE 4.1 Beta发布
今日至21日全国哀悼
今日至21日全国哀


 最新认证文章
·oracle里常用命令
·网页特效:鼠标放上去加粗超链接
·网页特效:色彩变幻的链接
·网页特效:雾化链接
·网页特效:十字显现
·网页特效:鼠标经过变色文字
·网页表单在浏览器的表现实例
·DIV+CSS常用的网页布局代码
·SEO与网页设计要有机的结合
·一个合格网页设计师的标准是什么
 热点认证文章 
·oracle里常用命令
·Oracle10.2g安装记录
·微软认证给人们的思考
·Linux与Windows的安全性比较
·微软认证持有者薪资涨幅平平(图文)
·MCTS认证SQLServer2005
·微软资格论证模拟题:70-210试题(六)
·微软06年1月出台.NET微软认证专业开发人员考试
·江西:2008年上半年软件水平考试开始报名
·中国IT认证培训“虚火”旺 陷阱多
 广告支持 

关于我们 | 携手合作 | 企业建站 | 广告服务 | 联系我们 | 版权声明 | 友情链接 | 管理登陆  
版权所有 未经授权禁止复制或建立镜像 京ICP备08001478号
Copyright © 2008  Dalionline.NET All rights reserved.