链接变色特效

最新推荐文章于 2024-04-24 08:02:42 发布
最新推荐文章于 2024-04-24 08:02:42 发布
阅读量362 收藏
点赞数
分类专栏： JavaScript素材 文章标签： browser microsoft 360

把下面代码放入<head></head>中

  1. <SCRIPT language=javascript>
  2. var rate = 20;
  3. var obj;
  4. var act = 0;
  5. var elmH = 0;
  6. var elmS = 128;
  7. var elmV = 255;
  8. var clrOrg;
  9. var TimerID;
  10. if (navigator.appName.indexOf("Microsoft",0) != -1 && parseInt
  11. (navigator.appVersion) >= 4) {
  12. Browser = true;
  13. } else {
  14. Browser = false;
  15. }
  16. if (Browser) {
  17. document.onmouseover = doRainbowAnchor;
  18. document.onmouseout = stopRainbowAnchor;
  19. }
  20. function doRainbow()
  21. {
  22. if (Browser && act != 1) {
  23. act = 1;
  24. obj = event.srcElement;
  25. clrOrg = obj.style.color;
  26. TimerID = setInterval("ChangeColor()",100);
  27. }
  28. }
  29. function stopRainbow()
  30. {
  31. if (Browser && act != 0) {
  32. obj.style.color = clrOrg;
  33. clearInterval(TimerID);
  34. act = 0;
  35. }
  36. }
  37. function doRainbowAnchor()
  38. {
  39. if (Browser && act != 1) {
  40. obj = event.srcElement;
  41. while (obj.tagName != 'A' && obj.tagName != 'BODY') {
  42. objobj = obj.parentElement;
  43. if (obj.tagName == 'A' || obj.tagName == 'BODY')
  44. break;
  45. }
  46. if (obj.tagName == 'A' && obj.href != '') {
  47. act = 1;
  48. clrOrg = obj.style.color;
  49. TimerID = setInterval("ChangeColor()",100);
  50. }
  51. }
  52. }
  53. function stopRainbowAnchor()
  54. {
  55. if (Browser && act != 0) {
  56. if (obj.tagName == 'A') {
  57. obj.style.color = clrOrg;
  58. clearInterval(TimerID);
  59. act = 0;
  60. }
  61. }
  62. }
  63. function ChangeColor()
  64. {
  65. obj.style.color = makeColor();
  66. }
  67. function makeColor()
  68. {
  69. if (elmS == 0) {
  70. elmR = elmV; elmG = elmV; elmB = elmV;
  71. }
  72. else {
  73. t1 = elmV;
  74. t2 = (255 - elmS) * elmV / 255;
  75. t3 = elmH % 60;
  76. t3 = (t1 - t2) * t3 / 60;
  77. if (elmH < 60) {
  78. elmR = t1; elmB = t2; elmG = t2 + t3;
  79. }
  80. else if (elmH < 120) {
  81. elmG = t1; elmB = t2; elmR = t1 - t3;
  82. }
  83. else if (elmH < 180) {
  84. elmG = t1; elmR = t2; elmB = t2 + t3;
  85. }
  86. else if (elmH < 240) {
  87. elmB = t1; elmR = t2; elmG = t1 - t3;
  88. }
  89. else if (elmH < 300) {
  90. elmB = t1; elmG = t2; elmR = t2 + t3;
  91. }
  92. else if (elmH < 360) {
  93. elmR = t1; elmG = t2; elmB = t1 - t3;
  94. }
  95. else {
  96. elmR = 0; elmG = 0; elmB = 0;
  97. }
  98. }
  99. elmR = Math.floor(elmR);
  100. elmG = Math.floor(elmG);
  101. elmB = Math.floor(elmB);
  102. clrRGB = '#' + elmR.toString(16) + elmG.toString(16) + elmB.toString
  103. (16);
  104. elmHelmH = elmH + rate;
  105. if (elmH >= 360)
  106. elmH = 0;
  107. return clrRGB;
  108. }
  109. </SCRIPT>

 

liyi1987
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js 特效 html 特效 鼠标使链接变色
09-03
js 特效 html 特效 鼠标使链接变色 js 特效 html 特效 鼠标使链接变色
变色鸟特效
Kind&红衣的博客
06-15 129
&lt;canvas&gt;&lt;/canvas&gt; &lt;style type = 'text-css'&gt;html, body { margin:0; background:#000;}canvas { display:block;}&lt;/style&gt;&lt;script&gt;var Birds = function(){ var me = this; ...
js 特效 html 特效 所有链接不停变色
09-03
js 特效 html 特效 所有链接不停变色 js 特效 html 特效 所有链接不停变色
javascript经典特效---所有链接不停变色.rar
03-06
所有链接不停变色.rar所有链接不停变色.rar所有链接不停变色.rar所有链接不停变色.rar所有链接不停变色.rar所有链接不停变色.rar
javascript经典特效---变色的链接文字.rar
01-07
变色的链接文字.rar变色的链接文字.rar变色的链接文字.rar变色的链接文字.rar变色的链接文字.rar变色的链接文字.rar
第六十二章 IIS 7 或更高版本的替代选项 (Windows) - 替代选项 4：将 CGI 模块与 NSD 结合使用
yaoxin521123的博客
04-24 552
在大多数情况下，基于全包本机模块的解决方案（推荐选项）是首选选项，并且是提供最佳性能的实现。混合适用于出于操作原因需要独立于托管 Web 服务器来管理 Web 网关的情况。在使用这些模块之前，必须将它们注册为“允许”的应用程序。服务器，使其识别文件类型并将它们传递到。服务器进程的每个实例都绑定到其自己的。选择此方法的另一个因素可能是您的。服务器的多个实例要共享同一个。) 管理器控制面板中完成的。服务中的说明进行操作。）的内部要求规定所有。
指令和界面【Linux】
qq_74013365的博客
04-23 1091
Linux操作系统提供了丰富的命令行界面和图形用户界面工具，用户可以根据自己的需求选择适合的界面进行操作。命令行界面更加灵活和高效，适合熟悉命令的用户；图形用户界面更加直观和友好，适合新手用户。严格意义上讲，光光学习Linux操作是远远不够的。还有系统，网络。
小扎宣布开放 Meta Horizo​​n OS
u012842807的专栏
04-23 1324
在我们过去成功的合作伙伴关系的基础之上，联想将Meta Horizon OS与我们在个人计算领域的领导和创新结合起来，以加快在混合现实中采用新的用户场景，如虚拟屏幕、远程呈现、内容消费和沉浸式培训。华硕表示：“我们受到了围绕虚拟现实和混合现实形成的令人难以置信的游戏社区的启发，我们知道最有激情的玩家都想要高性能硬件。日前，Meta以“混合现实的新时代”为题的博文宣布向第三方制造商开放Meta Horizon OS，包括华硕、联想和。高通制造的骁龙处理器与Meta的软件和硬件堆栈紧密集成，而高通最新的。
Elasticsearch初识与简单案例.pdf
04-29
Elasticsearch是一个基于Lucene的分布式全文搜索引擎，提供灵活且高效的搜索和分析功能。通过HTTP请求和客户端库，用户可以索引和搜索文档，执行复杂查询，进行数据分析，并享受高亮显示等特性。其高级功能如复合查询、聚合分析、滚动搜索等，使其适用于各种数据处理和分析场景。Elasticsearch还具有强大的监控和日志功能，确保集群稳定运行。总之，Elasticsearch是企业级搜索和分析的理想选择。
Python基于LSTM模型对全国的空气质量数据进行可视化分析预测源代码
04-29
介绍 对全国2019年1月至2023年12月的空气质量数据进行分析，绘制时间序列图，展示每月/每季度的平均AQI变化趋势。绘制不同省份和城市的平均AQI热力图。分析不同污染物的浓度分布和趋势。绘制空气质量等级分布图。 需求说明 对空气质量数据进行数据分析，并使用LSTM模型进行预测。 安装教程 pip install jupyter pip install numpy pandas matplotlib seaborn 使用说明 在项目路径下打开终端输入jupyter notebook就行
百问网linux桌面GUI，基于LVGL 8.x。.zip
04-29
百问网linux桌面GUI，基于LVGL 8.x。
基于Vue开发的XMall商城前台页面 PC端.zip
04-29
基于Vue开发的XMall商城前台页面 PC端.zip
2019年中国民航大学电子设计竞赛E题-自动导航运输车
04-29
2019年中国民航大学电子设计竞赛E题-自动导航运输车 全国大学生电子设计竞赛（National Undergraduate Electronics Design Contest），试题，解决方案及源码。计划或参加电赛的同学可以用来学习提升和参考
精灵宝可梦go游戏UI界面设计PSD源文件.zip
04-29
游戏开发资源，游戏UI，游戏GUI，游戏图标，PSD格式，XD格式，PNG下载，源文件，可编辑下载，游戏购物充值界面，宝石，图标，PS格式，AI格式等，游戏APP
线索二叉树的实现.doc
04-29
(1)逻辑设计：写出抽象数据类型的定义，各个主要模块的算法，并画出模块之间的调用关系图； (2)详细设计：定义相应的存储结构并写出各函数的伪码算法。 (3)程序编码：把详细设计的结果进二步求精为程序设计语言程序。 (4)程序调试与测试：采用自底向上，分模块进行，即先调试低层函数。 (5)结果分析：程序运行结果包括正确的输入及其输出结果和含有错误的输入及其输出结果。算法的时间、空间复杂性分析； 效果表现为用户输入一串字符表示的先序序列，程序能够根据这个序列正确地建立二叉树，并通过中序线索化非递归遍历结果。这有助于验证二叉树结构和遍历算法的正确性，同时对于理解和操作二叉树数据结构非常有帮助。 程序的输出结果证明了其对二叉树操作的正确性和有效性。
资源【STM32+HAL】SDIO模式读写SD卡
04-29
​ 一、准备工作 有关CUBEMX的初始化配置，参见我的另一篇blog：【STM32+HAL】CUBEMX初始化配置 二、所用工具 1、芯片： STM32F407VET6 2、IDE： MDK-Keil软件 3、库文件：STM32F4xxHAL库 三、实现功能 实现用DMA读写SD卡内容 ​
node-v10.4.0-win-x86.zip
最新发布
04-29
Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。 Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。 Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。 在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。
HTML5小游戏源码下载网页版游戏JS小游戏-圈泡泡游戏源码.zip
04-29
HTML5小游戏源码下载，JS小游戏源码下载，坦克大战，驴子跳，连连看，俄罗斯方块，圈泡泡，塔防，太空战舰，愤怒的小鸟，植物大战僵尸，水果忍者，扫雷，超级玛丽，打地鼠，坦克大战，麻将等JS小游戏源码下载，游戏开发教程，网页游戏，本地直接打开就可以玩。
html中链接触碰变色
12-14
可以使用CSS来实现在HTML中链接触碰变色的效果。可以通过:hover伪类来设置链接在鼠标悬停时的样式。以下是一个例子： ```html a:hover { color: red; } 这是一个链接 ``` 在这个例子中，当鼠标悬停在链接上时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值