zoukankan
html css js c++ java
图片聚光灯效果
代码如下:
<style> #myimage{filter:light} body { background-color: #000000; } </style> <div id="myimg" align="center"> <img src="http://img.star.tfol.com/star/stars/1760/photos/M72353.jpg" id="myimage"> </div> <script language="JavaScript"> <!-- s = 50; // 聚光灯的大小 vp = 40; // 图片可见度 startx = 30; // the top position of your sportlight into the image (on start) starty = 30; // the left position of your spotlight into the image (on start) var IE = document.all?true:false function moveL() { xv = tempX; yv = tempY; myimage.filters.light.MoveLight(1,xv,yv,s,true); } if (IE&&myimage.filters) document.all.myimage.onmousemove = getMouseXY; var tempX = 0 var tempY = 0 function getMouseXY(e) { tempX = event.offsetX tempY = event.offsetY if (tempX < 0){tempX = 0} if (tempY < 0){tempY = 0} if (t) { moveL(); } return true } var xv = startx; var yv = starty; var t= true; if (IE&&myimage.filters){ myimage.style.cursor="hand"; myimage.filters.light.addAmbient(255,255,255,vp) myimage.filters.light.addPoint(startx,starty,s,255,255,255,255) } //--> </script>
[Ctrl+A 全选 提示:你可先修改部分代码,再点运行代码]
青苹果Web应用商店
https://webapp.taobao.com/
PHP/ASP.NET/ASP/UCHOME/DISCUZ! X系列网站开发,详细需求联系
QQ:8511978
查看全文
相关阅读:
1070 结绳
1069 微博转发抽奖
1068 万绿丛中一点红
1067 试密码
1066 图像过滤
1065 单身狗
CSS--文本溢出与换行
css--滤镜filter
css--flex布局
css--table布局
原文地址:https://www.cnblogs.com/Dicky/p/309451.html
最新文章
我个人常用的git命令
TP5.x——开启跨域访问
PHP 新特性:如何善用接口与Trait
PHP(ThinkPHP5.0) + PHPMailer 进行邮箱发送验证码
PHP抽象类与接口的区别
Antd Upload图片墙拖拽改造
异行slide vue
vue 给富文本标签添加样式
swiper插件开启loop后通过activeIndex获取索引不准确
XMLHttpRequest.onreadystatechange
热门文章
XMLHttpRequest.responseType
encodeURI()和encodeURIComponent() 区别
调侃面向对象编程的23种设计模式(转)
c++"拷贝构造函数
Android:简单打电话 APP
JavaLearning:对象序列化
1074 宇宙无敌加法器
1073 多选题常见计分法
1072 开学寄语
1071 小赌怡情
Copyright © 2011-2022 走看看