自己写的JS代码终于OK了，可躲过广告拦截软件的过滤

9622315

2015-01-20 修正了快速移动鼠标导致广告拖动失控的Bug，代码已更新。


折腾了整整三天，原来是转义字符在作怪，读心系统直接将用户提交的数据，发给后台程序做网页代码插入处理，
但JS代码中不免要包含一些特殊字符，对于后台程序来说这些字符需要做转义处理（用转义字符替代相应字符），
否则就是非法指令，但爱快的程序猿偷懒了，没有用代码处理这些字符，而是将相应转义翻译工作转嫁给了用户，
晕死了！！！小小的鄙视一下相关开发人员的工作态度，感觉有些责任心不强，工作明显不到位，代码问题多多。
今天看了技术员的回复，才知道有这个问题，现在手工转义这些字符后，再次提交代码，测试通过。

接下来就是该研究有些页面乱码的问题了，这个问题有些难度，初步分析，也是底层代码的问题，棘手呀！！！

经测试，我的代码可以成功躲过ADSafe、ADByBy等常见广告拦截软件的检查与过滤，并且也不存在元素命名Bug。

你可以用鼠标将广告在屏幕上随意拖动，也可以将其关闭（我挖了个小坑，直接点击x关闭不了，有个小技巧哦！）

本人美工不好，只会写代码，不会做美工设计，广告比较难看，如果强奸了你的眼睛，我在这里先赔个不是。

源代码如下：

1. <script language="javascript" type="text/javascript">
   
2. var pre_x;
   
3. var pre_y;
   
4. 
   
5. function do_move(obj)
   
6. {
   
7.   var offset_x=pre_x-event.screenX;
   
8.   var offset_y=pre_y-event.screenY;
   
9.   var x=obj.style.right.substr(0,obj.style.right.length-2)-0; x+=offset_x;
   
10.   var y=obj.style.bottom.substr(0,obj.style.bottom.length-2)-0; y+=offset_y;
    
11.   obj.style.right=x+"px";
    
12.   obj.style.bottom=y+"px";
    
13.   pre_x=event.screenX;
    
14.   pre_y=event.screenY;
    
15. }
    
16. 
    
17. function do_down(obj)
    
18. {
    
19.   pre_x=event.screenX;
    
20.   pre_y=event.screenY;
    
21.   obj.onmousemove=function(){do_move(obj);};
    
22.   obj.onmouseup=function(){obj.onmousemove=null;};
    
23.   obj.onmouseout=function(){obj.onmousemove=null;};
    
24. }
    
25. 
    
26. document.writeln("<table style="width: 120px; height: 200px; right: 1px; bottom: 1px; z-index: 10000; background-color: #99CCFF; position: fixed;" cellspacing="0" cellpadding="0"  onmousedown="do_down(this)">");
    
27. document.writeln("  <tr><td style="height: 14px; text-align: right;"><font title="关闭" style="font-family:\'CommercialPi BT\'; font-size: 14px; background-color: #FFFFFF; cursor: hand;" onclick="if (event.ctrlKey) this.parentNode.parentNode.parentNode.parentNode.style.display=\'none\';">(</font></td></tr>");
    
28. document.writeln("  <tr><td style="height: 43px; background-image: url(\'http://www.ikuai8.com/img/logo-big.png\'); background-repeat: no-repeat; background-color: #FFFFFF;">&nbsp;</td></tr>");
    
29. document.writeln("  <tr>");
    
30. document.writeln("    <td style="height: 143px; background-color: #99CCFF; vertical-align: middle;">");
    
31. document.writeln("      <p style="font-size: 19px; font-weight: bold;">请贵司在一周内结清尾款。</p>");
    
32. document.writeln("      <p style="font-size: 14px;">联系电话：1234567<br>联 系 人：北京老九</p>");
    
33. document.writeln("    </td>");
    
34. document.writeln("  </tr>");
    
35. document.writeln("</table>");
    
36. </script>

复制代码

发到读心中，需要转义所有特殊字符，并且还要删除所有的回车换行，进行缩排处理，处理后的代码如下

1. <script language="javascript" type="text/javascript">var pre_x;var pre_y;function do_move(obj){ var offset_x=pre_x-event.screenX; var offset_y=pre_y-event.screenY; var x=obj.style.right.substr(0,obj.style.right.length-2)-0; x+=offset_x; var y=obj.style.bottom.substr(0,obj.style.bottom.length-2)-0; y+=offset_y; obj.style.right=x+"px"; obj.style.bottom=y+"px"; pre_x=event.screenX; pre_y=event.screenY;}function do_down(obj){ pre_x=event.screenX; pre_y=event.screenY; obj.onmousemove=function(){do_move(obj);}; obj.onmouseup=function(){obj.onmousemove=null;};  obj.onmouseout=function(){obj.onmousemove=null;};}document.writeln("<table style=\"width: 120px; height: 200px; right: 1px; bottom: 1px; z-index: 10000; background-color: \#99CCFF; position: fixed;\" cellspacing=\"0\" cellpadding=\"0\"  onmousedown=\"do_down(this)\">");document.writeln("  <tr><td style=\"height: 14px; text-align: right;\"><font title=\"关闭\" style=\"font-family:\\'CommercialPi BT\\'; font-size: 14px; background-color: \#FFFFFF; cursor: hand;\" onclick=\"if (event.ctrlKey) this.parentNode.parentNode.parentNode.parentNode.style.display=\\'none\\';\">(</font></td></tr>");document.writeln("  <tr><td style=\"height: 43px; background-image: url(\\'http://www.ikuai8.com/img/logo-big.png\\'); background-repeat: no-repeat; background-color: \#FFFFFF;\">&nbsp;</td></tr>");document.writeln("  <tr>");document.writeln("    <td style=\"height: 143px; background-color: \#99CCFF; vertical-align: middle;\">");document.writeln("      <p style=\"font-size: 19px; font-weight: bold;\">请贵司在一周内结清尾款。</p>");document.writeln("      <p style=\"font-size: 14px;\">电　话：1234567<br>联系人：北京老九</p>");document.writeln("    </td>");document.writeln("  </tr>");document.writeln("</table>");</script>

复制代码

插入后的效果如下：

这是用鼠标将广告拖动后的效果，页面刚打开时，默认是在屏幕的右下角显示。

9622315

过两天，抽时间，做一个有简单模板，用户填写简单的输出信息，就能自动生成代码的辅助工具。

二娃

支持！！

xxiaoshujjun

Ad Muncher 这个软件你试试，这个堵不住的话就算你的个代码成功了。

9622315

xxiaoshujjun 发表于 2015-1-18 19:12
Ad Muncher 这个软件你试试，这个堵不住的话就算你的个代码成功了。 ...

有图有真相，不用解释了吧？

华成科技

不错，收藏了，高手真多

华成科技

问一下，这个js插入功能在路由器么升级到最新版可以用么？在读心系统里可以看到，不知道路由版本2.21 可不可以使用

9622315

寒夜吟 发表于 2015-1-18 19:35
是不是代码兼容性有问题啊？
我在本地试的，建立HTML文件，只放你的代码。IE11和chorme拖动都不正常。
表 ...

我用的就是IE11呀，完全正常，不过我发现，拖动的速度不能太快，毕竟是脚本程序，处理速度不是很快的。

天那么热我这么

+10086
高亮显示吧

天那么热我这么

9622315 发表于 2015-1-18 19:37
我用的就是IE11呀，完全正常，不过我发现，拖动的速度不能太快，毕竟是脚本程序，处理速度不是很快的。 ...

这种好帖官方应该给高亮

154825003

第一次看见JS的效果 不错