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
查看全文
相关阅读:
你不知道JavaScript--作用域、LHS查询和RHS查询
学习koa开发API(六)--- 页面开发和准备需要的接口文档
学习koa开发API(五)--- 对异常和参数的处理
学习koa开发API(四)--- 文件目录设置
学习koa开发API(三)--- OPTIONS请求的理解和处理
学习koa开发API(二)--- 认识Koa-Router和获取参数
学习koa开发API(一)--- 认识RESETful API和KOA
No.4
盒子模型
CSS布局总结(三)
原文地址:https://www.cnblogs.com/Dicky/p/309451.html
最新文章
跨浏览器读取XML
Oracle自动增长的序列号
让DataGridView的标题显示中文
人生海海,不负青春「2020」
「react」让后台走向国际化 i18next
读书角之地狱变
webpack5文档解析(下)
webpack5文档解析(上)
号外,号外,我用react+koa+mysql搭建博客啦~~
vue的那些事...
热门文章
redux的学习笔记
setTimeout、setInterval 和 requestAnimationFrame 之间的区别
jq 获取当前屏幕的各种高度和宽度
css3字体缩放样式-webkit-text-size-adjust的用法详解
CSS学习(一) box-sizing的应用
通过padding-top加载图片的时候高度不塌陷
你不知道JavaScript学习二——词法作用域
一个swiper 两个分页器的写法【总结】
vscode 快速编写代码的整理
HTML CSS3中 2D、3D效果【笔记整理】
Copyright © 2011-2022 走看看