链接变色特效
来源:互联网 发布:ubuntu 安装低版本gcc 编辑:程序博客网 时间:2024/05/11 02:27
把下面代码放入<head></head>中
- <SCRIPT language=javascript>
- var rate = 20;
- var obj;
- var act = 0;
- var elmH = 0;
- var elmS = 128;
- var elmV = 255;
- var clrOrg;
- var TimerID;
- if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt
- (navigator.appVersion) >= 4) {
- Browser = true;
- } else {
- Browser = false;
- }
- if (Browser) {
- document.onmouseover = doRainbowAnchor;
- document.onmouseout = stopRainbowAnchor;
- }
- function doRainbow()
- {
- if (Browser && act != 1) {
- act = 1;
- obj = event.srcElement;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- function stopRainbow()
- {
- if (Browser && act != 0) {
- obj.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- function doRainbowAnchor()
- {
- if (Browser && act != 1) {
- obj = event.srcElement;
- while (obj.tagName != 'A' && obj.tagName != 'BODY') {
- objobj = obj.parentElement;
- if (obj.tagName == 'A' || obj.tagName == 'BODY')
- break;
- }
- if (obj.tagName == 'A' && obj.href != '') {
- act = 1;
- clrOrg = obj.style.color;
- TimerID = setInterval("ChangeColor()",100);
- }
- }
- }
- function stopRainbowAnchor()
- {
- if (Browser && act != 0) {
- if (obj.tagName == 'A') {
- obj.style.color = clrOrg;
- clearInterval(TimerID);
- act = 0;
- }
- }
- }
- function ChangeColor()
- {
- obj.style.color = makeColor();
- }
- function makeColor()
- {
- if (elmS == 0) {
- elmR = elmV; elmG = elmV; elmB = elmV;
- }
- else {
- t1 = elmV;
- t2 = (255 - elmS) * elmV / 255;
- t3 = elmH % 60;
- t3 = (t1 - t2) * t3 / 60;
- if (elmH < 60) {
- elmR = t1; elmB = t2; elmG = t2 + t3;
- }
- else if (elmH < 120) {
- elmG = t1; elmB = t2; elmR = t1 - t3;
- }
- else if (elmH < 180) {
- elmG = t1; elmR = t2; elmB = t2 + t3;
- }
- else if (elmH < 240) {
- elmB = t1; elmR = t2; elmG = t1 - t3;
- }
- else if (elmH < 300) {
- elmB = t1; elmG = t2; elmR = t2 + t3;
- }
- else if (elmH < 360) {
- elmR = t1; elmG = t2; elmB = t1 - t3;
- }
- else {
- elmR = 0; elmG = 0; elmB = 0;
- }
- }
- elmR = Math.floor(elmR);
- elmG = Math.floor(elmG);
- elmB = Math.floor(elmB);
- clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString
- (16);
- elmHelmH = elmH + rate;
- if (elmH >= 360)
- elmH = 0;
- return clrRGB;
- }
- </SCRIPT>
- 链接变色特效
- jQuery特效 隔行变色
- 链接特效
- 链接特效
- js控制导航变色 特效
- js中变色小特效
- 鼠标使链接变色
- Photoshop创意设计:渐变巧变色阶特效
- 滚动变色的文字js特效
- JS特效之变色的按钮
- QGraphicsEffect特效(模糊,变色,阴影,透明)
- android常用特效链接
- javascript网页特效——链接特效
- td点击背景变色特效(兼容ff/ie)
- 点击复选框实现选中行变色特效
- 基于jQuery的表格特效(隔行、滑动、点击变色)
- Qt 图形特效(Graphics Effect)模糊,变色,透明和阴影
- jquery特效 table鼠标滑过变色的实现代码
- js中innerHTML与innerText的用法与区别
- 文件夹改权限
- PHP 预定义变量,PHP 超全局变量
- php的时间计算
- c++回调函数的使用
- 链接变色特效
- 数据库共享
- 分众最长一年:江南春大规模收购埋下祸根
- 2008大连市政府挂牌督办48项工作圆满实现全年目标
- WPF入门书籍 - 《Windows Presentation Foundation程序设计指南》
- “教父”柳传志重出江湖 带联想走出冬天?
- 软件直接出口与软件外包的模式思考
- Android内核的简单分析
- 08年10大科技突破 鲨鱼皮泳衣助阵菲尔普斯