通用LOGO划过光标特效代码
时间:2022-04-22
本文章向大家介绍通用LOGO划过光标特效代码,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<style type="text/css">
#logo a{
display: block;
width: 227px;
}
#logo img{width: 227px; height: 100px;}
</style>
<script>
var a=document.getElementById("logo").getElementsByTagName("a");
for(var i=0;i<a.length;i++){ a[i].setAttribute("id","gfx"); }
var dom = document.getElementById('gfx');
var timer = null; dom.onmouseover = function(){
var num = 0; clearInterval(timer);
timer = setInterval(function(){
dom.style.webkitMask = '-webkit-gradient(radial, 100 50, '+num+', 100 50, '+(num+20)+', from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.1)), to(rgb(0, 0, 0)))';
num+=1;
num = num > 200?0 : num;
}, 227/100);
};
dom.onmouseout = function(){
clearInterval(timer);
dom.style.webkitMask = '';
}
</script>
- 编写兼容性JS代码
- msysGit管理GitHub代码
- 【web必知必会】—— DOM:四个常用的方法
- TortoiseSVN与VisualSVN Server搭建SVN版本控制系统
- 【SVN多用户开发】代码冲突&解决办法
- 【AngularJS】—— 13 服务Service
- 【AngularJS】—— 12 独立作用域
- 【AngularJS】—— 11 指令的交互
- 使用DOM动态创建标签
- Eclipse配置Tomcat,访问404错误
- 【AngularJS】—— 9 自定义过滤器
- 【AngularJS】—— 10 指令的复用
- 【AngularJS】—— 8 自定义指令
- 【AngularJS】—— 7 模块化
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 关于 Elasticsearch 段合并,这一篇说透了!
- 解了这十道C语言题,你敢说你精通C语言?
- 微服务中使用Maven BOM来管理你的服务版本
- 设计模式之代理模式(文末赠书)
- 使用Spring IoC容器:选BeanFactory还是ApplicationContext?
- Stream使用这么久,它是如何提高遍历集合效率?
- FastDFS 分布式文件系统入门
- 「翻译」 如何Bypass rbash
- 代码审计-.NET下的序列化与反序列化(BinaryFormatter)
- 深入探讨 JavaScript 逻辑赋值运算符
- Spring IoC依赖注入:Spring提供了哪些依赖注入模式和类型呢?
- 谈谈volatile
- 【V-REP自学笔记(八)】控制youBot抓取和移动物体
- Gson 简单使用姿势小结
- 【SpringBoot WebFlux 系列】WebFlux 之 Path 参数解析与 url 映射