感谢IK的工作人员修改给出的模板

宏骏

前段时间看到JS弹窗看见很多样式，其中我看中了个模板的确是不错。自己也是小白也只会点皮毛的东西，所以 只有把代码拿下，自己修改又不会。（吐槽下读心的JS规则:一：不能有空格 二：不能有回车 三：见到有的符号要加\)
{:3_59:}不过还是要谢谢IK的工作人员，免费路由还包服务改动代码 表示 100个赞{:3_41:}
原先拜托大家喜欢的IK工作人员某小姐，经过她手后转交了WEB开发修改得到了以下代码。不过一直都没插成功···{:3_55:}
今天发现WEB开发指教了下#前面要加\ 就顺手加下再做改动。没想到修改下居然能用。现在拿出来共享下。喜欢的拿走！不过还是想说下这个JS功能也不是小白能玩的。起码也要点基础知识。期待论坛的牛人高手多发放些给大家借鉴下使用！
代码如下：

1. <script language="javascript" type="text/javascript">document.write("<div id='ad_right' style='position: fixed; width: 300px; height: 200px; z-index: 10001; bottom: 1px; right: 1px;'><div style=' height:30px; background-color:\#18E30D;'><p style='width: 260px; height: 30px; line-height:30px; float:left; margin:0; padding-left:10px; overflow:hidden; color:\#EC0426; float:16px; font-weight:bold;'>温馨提示：</p><a onclick="+"document.getElementById(\'ad_right\').style.display=\'none\'"+" href='javascript:void(0);' style='display:block; height:30px; width:30px; line-height:30px; float:right; font-size:16px; font-weight:bold; background-color:\#b4001d; color:\#fff; text-align:center; text-decoration: none;'>X</a></div><a href='http://www.hao123.com'><img style='width: 300px; height: 200px;'  src='http://i3.tietuku.com/798bcba81831122et.jpg' /></a></div>");</script>

复制代码

效果如下：



两幅图不一样是修改过的，不过都是差不多。我只做了小修改。

dxwh788

太棒了。。。。

秀字营

顶，同样我也要学习学习，嘻嘻、

宏骏

秀字营 发表于 2015-1-17 17:04
顶，同样我也要学习学习，嘻嘻、

你们都是代码高手，我都只是个小白。真想去你们那跟你们学习下才是真的。你就不要取笑我了···{:3_54:}

三诺科技

收藏了 备用。

9622315

代码有错误
“\#fff”
这个颜色定义是非法的。

9622315

晕死，找到我的代码无效的原因了，JS插入底层代码有问题

上面的代码中凡是有“#”的颜色标记码（如#FFFFFF），中的“#”，都必须要加“\”转义输出，但实际上JavaScript输出“#”是不需要转义的，并且查看插入JS后的网页源码，发现，这些颜色标记中的用于转义“#”的“\”都消失了，这说明这里对“#”的转义操作，不是给JavaScript看的，而是给JS插入功能的底层代码看的。

而我的代码不生效，经验看，肯定是底层代码有问题。

宏骏

9622315 发表于 2015-1-17 17:44
代码有错误
“\#fff”
这个颜色定义是非法的。

要不这样直接给英文代码吧，你看怎么样？

宏骏

1. <script language="javascript" type="text/javascript">document.write("<div id='ad_right' style='position: fixed; width: 300px; height: 200px; z-index: 10001; bottom: 1px; right: 1px;'><div style=' height:30px; background-color:PowDerBlue;'><p style='width: 260px; height: 30px; line-height:30px; float:left; margin:0; padding-left:10px; overflow:hidden; color:HotPink; float:16px; font-weight:bold;'>点击图片美送美女：</p><a onclick="+"document.getElementById(\'ad_right\').style.display=\'none\'"+" href='javascript:void(0);' style='display:block; height:30px; width:30px; line-height:30px; float:right; font-size:16px; font-weight:bold; background-Silver:Chocolate; color:Red; text-align:center; text-decoration: none;'>X</a></div><a href='http://www.hao123.com'><img style='width: 300px; height: 200px;'  src='http://i3.tietuku.com/798bcba81831122et.jpg' /></a></div>");</script>

复制代码

这下没你说的错误了吧···
修改后效果如下：但是没插入读心不知道行不
不过发现修改成这样后就插入百度首页不显示，其他的文字栏目出现乱码···

9622315

可是，俺的代码，为啥吧生效呢！！！