放大镜效果主要涉及3个鼠标事件: 1.onmouseover,鼠标移入浮动小方块和显示放大的区域显示; 2.onmousemove,鼠标移动,小方块和放大区域一起移动; 3.onmouseout,鼠标移除小方块和放大区域消失。 其实放大镜效果最主要的是小方块与放大区域的比例及位置: js代码: 效果 ...
分类:
Web程序 时间:
2017-04-23 00:54:32
阅读次数:
167
今天是周六,陪朋友逛了一天,回来就写代码,写到吐血了~~~ 最终效果: 黄色部分有张 遮罩层背景图 代码: ...
分类:
其他好文 时间:
2017-04-23 00:51:42
阅读次数:
258
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> html,body{ margin:0; padding:0; } #magli ...
分类:
Web程序 时间:
2017-04-14 19:48:04
阅读次数:
345
Lookup是查找的意思,Lookup组件实现两个数据源的连接,和Join语句实现的功能类似,使用Lookup 组件需要配置: 两个输入:一个是上游数据流的输入Source Table,一个是要查找的数据集 Lookup Table; 两个输出:一个是输出匹配成功的数据,一个是输出匹配不成功的数据。 ...
分类:
其他好文 时间:
2017-04-10 13:17:50
阅读次数:
232
<script> var box = document.getElementById("box"); var mark = document.getElementById("mark"); var boxRight = document.getElementById("boxRight"); fun ...
分类:
Web程序 时间:
2017-04-09 15:01:54
阅读次数:
201
鼠标指针被设置为放大镜样式。可用的鼠标指针样式有: wx.CURSOR_ARROWwx.CURSOR_RIGHT_ARROWwx.CURSOR_BLANKwx.CURSOR_BULLSEYEwx.CURSOR_CHARwx.CURSOR_CROSSwx.CURSOR_HANDwx.CURSOR_IB ...
分类:
编程语言 时间:
2017-04-05 22:06:38
阅读次数:
204
今天花了点时间,复习了下使用原生JS实线放大镜的效果。在制作过程中,也是很到了一些问题,在这里总结下。 HTML代码如下: CSS代码如下: ...
分类:
Web程序 时间:
2017-04-05 01:05:03
阅读次数:
266