分享一个有趣的时钟插件

前:

前段时间在网上看到一个很有趣的gif

感觉这个插件挺有趣的,一直想要这个插件,终于在404le.com里面找到了

 

那就好办了,F12源代码,复制粘贴,之后发现这个插件似乎来源于这个网址:http://chabudai.org/blog/?p=59

 

中:

引用方式有两种:

1、直接引用代码:


2、通过引用它的js文件,在js文件中创建标签


var swfUrl = "http://chabudai.sakura.ne.jp/blogparts/honehoneclock/honehone_clock_wh.swf";

var swfTitle = "honehoneclock";

LoadBlogParts();

function LoadBlogParts(){
	var sUrl = swfUrl;

	var sHtml = "";
	sHtml += '';
	sHtml += '';
	sHtml += '';
	sHtml += '';
	sHtml += '';
	sHtml += '';
	sHtml += '';
	sHtml += '';

	document.write(sHtml);
}

其中,引用它的 honehone_clock_wh.swf文件,插件背景为白色,引用honehone_clock_tr.swf的背景透明

 

在记事本复制粘贴了几个例子,对比了一下(为了突出插件背景透明的效果,把网页的背景设为grey了)

       

发现三个问题:

1、没有水印的那个例子鼠标移上去没有放大的效果

2、从404le.com网页上copy下来的插件代码,放到页面上显示时又多了水印,原网页上没有的,看了一下代码也没能看出问题(知道原因的大神可以解析下)

3、有放大效果的都有水印,并且点击水印会跳转到别的网站。

 

解决办法:下载一个有放大效果的swf文件,然后把里面的水印和跳转代码去掉就好了

1、在这个网址 https://www.free-decompiler.com/flash/ 里面下载反编译的工具

2、反编译,找到里面的水印文件和跳转相关代码,去掉,重新导出swf文件,就ok了

 

后:

无水印效果:

放大效果:

 

附上去水印的swf下载链接:

https://download.csdn.net/download/hxhchh/10619546

原文链接:加载失败,请重新获取