博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Raphael 对热区的控制
阅读量:6976 次
发布时间:2019-06-27

本文共 1185 字,大约阅读时间需要 3 分钟。

JS插件的下载和教学地址

$(function () {            var R = Raphael(0, 0, 1440, 1360);            x = document.getElementsByTagName('area');        for (j = 0; j < x.length; j++) {                (function (s) {                    var c = R.path(s);                    c.attr({ "fill": "#fff", "fill-opacity": 0, "stroke-width": 0 });                    c.mouseover(function () {                        c.animate({ "fill-opacity": .50, 'fill': "#fff", "stroke-width": 3, "stroke": "yellow" }, 500);                    }).mouseout(function () {                        c.animate({ "fill-opacity": 0, "stroke-width": 0 }, 500);                    });                })(AreaFoucs(x[j].coords));            }        });        function AreaFoucs(str) {            var arry = str.split(',');            var str = "M";            for (i = 0; i < arry.length; i++) {                str += arry[i];                if (i % 2 == 0) {                    str += ",";                }                else {                    str += "L";                }            }            str += arry[0] + "," + arry[1];            return str;        }

 

转载于:https://www.cnblogs.com/akingyao/archive/2012/11/12/2766249.html

你可能感兴趣的文章
Python——Beautiful Soup 4.2.0 中文文档
查看>>
Python字符串拼接、截取及替换方法总结
查看>>
3.Session安装配置
查看>>
MXNet学习:预测结果-识别单张图片
查看>>
JAVA微信开发-新手接入指南
查看>>
作业一
查看>>
virsh命令来创建虚拟机
查看>>
7.1.11、each 指针复位
查看>>
DPDK-----初识
查看>>
说说 PWA 和微信小程序--Progressive Web App
查看>>
kill命令"-1"这个参数到底是杀进程还是reload?(转)
查看>>
struts2 result type=(chain、dispatcher、redirect、redirect-action)
查看>>
mysql foreign key(外键)
查看>>
Good Bye 2016 - C
查看>>
关于技术型人才与研究型人才
查看>>
GDB调试程序(完全手册)
查看>>
httpd: apr_sockaddr_info_get() failed for centossvn
查看>>
《Head First 统计学》读书笔记
查看>>
vim配置C++博文整理
查看>>
深入解析Windows操作系统笔记——CH1概念和术语
查看>>