[教程]实现多款鼠标在线预览

月宅发现某昴想做一个在线预览鼠标指针的一个功能，然后月宅大概思考了10秒钟后给出了一种极为简单快捷的方法来实现，那就是用<iframe>标签实现实时效果。

效果图

网页用作鼠标的格式不单单是“cur”格式，还有其他的jpg、png图片格式均可以实现。只要是web可显示的。

具体实现

本教程粗略的实现效果，美化及其布局自行用CSS解决。

首先需要新建一个“index.html”文件，录入以下代码（自己手打…因为我的代码框架出问题了，直接显示出来效果了）

不要吐槽太多了，这就是个毛坯代码，用了不到1分钟撸出来的。。（找了半天的/div，原来打到最下面了，无视他）

接着你需要1.html 2.html 写入以下代码（1.2.3.4.5.html的鼠标地址都不一样，自行替换）

然后你就可以看见首图的效果啦，是不是巨简单。不要吐槽那么多…具体的布局与CSS样式表，靠自己咯。（并不推荐把全部CSS写在html中，新建一个css用link引用比较好）