Question

请问怎么给右下角js广告代码增加关闭按钮？

请问怎么给下面这段右下角广告的js代码增加关闭按钮？谢谢。
document.writeln("<style type=\"text/css\"> ");
document.writeln("img{border:0px;} ");
document.writeln("#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");
document.writeln("");
document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;} ");
document.writeln("#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");
document.writeln("");
document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;} ");
document.writeln("</style> ");
document.writeln("");
document.writeln("<div id=\"haoetv\" style=\"width:328px;height:150px;z-index:99;text-align:right; ");
document.writeln("");
document.writeln("float:right;margin:10px 15px -10px 0;\"> ");
document.writeln("<div><a href=\"#\" target=\"_blank\"><img ");
document.writeln("");
document.writeln("src=\"118/2.gif \" ></a></div> ");
document.writeln("");
document.writeln("</div>");

Answer 1

118/2.gif是一个关闭按钮图片吗？

修改好了，点击右上角的图片可关闭广告。如下：

document.writeln("<style type=\"text/css\"> ");
	document.writeln("img{border:0px;} ");
	document.writeln("#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");
	document.writeln("");
	document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;} ");
	document.writeln("#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");
	document.writeln("");
	document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;} ");
	document.writeln("</style> ");
	document.writeln("");
	document.writeln("<div id=\"haoetv\" style=\"width:328px;height:150px;z-index:99;text-align:right;background:red; ");
	document.writeln("");
	document.writeln("float:right;margin:10px 15px -10px 0;\">");
	document.writeln("<div style='background:yellow;'><a href=\"javascript:void(0)\" onclick=\"document.getElementById('haoetv').style.display='none';\" target=\"_blank\"><img ");
	document.writeln("");
	document.writeln("src=\"118/2.gif \" ></a></div> ");
	document.writeln("");
	document.writeln("</div>");

有问题可以追问哦。

追问

我是要点击右上角【关闭】这2个字就关闭广告图片。点击图片就可以进入另一个网站。用户可以自己选择关闭图片，还是点击图片进入到另一个网站。我现在的代码里面没有【关闭】这2个字的，所以不能选择关闭图片还是点击图片进入另一个网站。谢谢。

追答

OK！好了

document.writeln("<style type=\"text/css\"> ");
document.writeln("img{border:0px;} ");
document.writeln("#haoetv{position:fixed!important;position:absolute;right:0;bottom:0;top:expression ");
document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-150);cursor:pointer;} ");
document.writeln("#close{position:fixed!important;position:absolute;right:0;bottom:0;top:expression");
document.writeln("(offsetParent.scrollTop+offsetParent.clientHeight-149);cursor:pointer;} ");
document.writeln("</style> ");
document.writeln("");
document.writeln("<div id=\"haoetv\" style=\"width:328px;height:150px;z-index:99;text-align:right;");
document.writeln("float:right;margin:10px 15px -10px 0;\">");
document.writeln("<a href='javascript:void(0)' onclick=\"document.getElementById('haoetv').style.display='none';\">关闭</a>");
document.writeln("<div><a href=\"#\" target=\"_blank\"><img src=\"118/2.gif\" />");
document.writeln("</a></div> ");
document.writeln("");
document.writeln("</div>");

追问

你好，刚看到，我修改了，现在可以点击【关闭】按钮关闭，也可以点击图片进入另一个网站了。但是 【关闭】这2个字是乱码。看上去不是汉字，是2个字符。我的都是PHP的网站。请帮我看看好吗？谢谢了。

 

追答

这段代码你放在哪里了？

追问

在头部代码里面加上【】这段代码。给你请你修改的这段代码是youxia.js文件里面的。

追答

文件 youxia.js 是什么编码的GB2312？UTF8?

追问

这样的。文件里面的代码全部发给你了哦。看不出什么编码的。

追答

这个从代码上看不出来的，用记事本打开，再另存为，在“另存为”对话框的下边是可以看到的。

Answer 2

其实你可以提前写好html 关闭按钮的样式也包含在这段html里，然后隐藏这段html，然后页面加载或者其他时间触发的时候，打开那个html窗口，然后再给那个关闭按钮添加一个关闭的js方法。打开关闭其实就是display：block与display：none jquery就是hide(),show()。这样写比全部用js来添加代码好维护。