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
查看全文
相关阅读:
Spring Boot 搭建项目阶段Group和Artifact的含义
设置Mysql数据库账号密码以及时区
反射
线程与进程
网络编程
队列和栈
linux下的mysql
积累的关于linux的安装卸载软件基本命令
各种url编码
解决浏览器传值乱码
原文地址:https://www.cnblogs.com/Dicky/p/309451.html
最新文章
有关于表单form的相关的学习
关于HTML5的表单标签------>form
HTML的相关标签解释
sublime的快捷键
iOS高级编程之XML,JSON数据处理方式的数据解析
50个常用sql语句
有关提交时出现的.suo文件出错的问题解决方法。
C#项目
AngularJS 指令实践指南(一)
jQuery开发者眼中的AngularJS
热门文章
关于 HTML5 你需要注意的事项
JavaOO练习:违规管理系统
正则表达式例子
JavaOOP基础理论知识
学生管理系统--简要
java循环
Eureka属性配置说明
Consider renaming one of the beans or enabling overriding by setting spring.main.allow-bean-definition-overriding=true
spring cloud 实现
java链式编程
Copyright © 2011-2022 走看看