设置JavaScript onmouseover警报的样式

这是我的代码，当我将鼠标悬停在图像上时，会显示警报

var special_offers = document.getElementsByClassName("special_offer");

//for each special offer
for(i=0;i<special_offers.length;i++){
    var special_offer = special_offers[i];
    special_offer.setAttribute("offer_shown", "0");

    special_offer.onmouseover = function(){
        if( this.getAttribute("offer_shown") == "0" ){
            this.setAttribute("offer_shown", "1");

            alert('This room has the special offer attached to it, please book soon before you miss out!');
        }
    }

var special_offers=document.getElementsByClassName（“special_offer”）；
//每次特价
对于（i=0；i

这是创建您自己的模式窗口的一个很好的资源。您可以使用函数启动您创建的模式窗口，而不只是使用alert（）启动标准警报。
是否要将消息定向到div

创建div

<div id="mySpecialOffer">
   Some Text gets updated
</div>

您甚至可以在css中隐藏div，然后使用JS取消隐藏

或者你可以创建HTML

document.getElementById("mySpecialOffer").innerHTML = '<div> Special Offer Div Inserted </div>';

document.getElementById（“mySpecialOffer”）.innerHTML='Special Offer Div Inserted'；

使用jQuery更容易做到这一点

这就是你的想法吗？
你应该打开一个全新的窗口，就像一个包含该消息的小网页。这是最简单的方法！
这里有一个链接：


当人们将鼠标移到图像上时，您需要激活window.open（）。
您可以指定窗口的大小和位置，在本例中是屏幕的中心和一个小窗口。

希望有帮助！
搜索模态窗口。jQuery UI有一些您可以使用的。或者您可以使用绝对定位div创建自己的。抱歉，忘记添加了。我正在尝试不使用jQuery，它只适用于普通HTML和CSS，因为网站标题上说HTML5和CSS3？我不这么认为，朋友。对不起，不完全是这样，只有当我呃，在特定的图像上，我想不用jQuery和HTML，只通过JS来实现。因为我现在看到的是，当我将鼠标悬停在图像上时，它会显示一个普通的警报框，我想用我自己的警报框来替换这个普通的警报框。下面是我的网站目前的功能，看起来你想要的是一个lightbox？哇，尝试用straight来实现这一点JS。我不知道该怎么做，因为JS既不创建HTML也不创建CSS。你需要做的是创建一个函数来代替触发灯箱的警报消息。这是一种现代技术，你的用户会更欣赏它。这是一个有简单解决方案的网站……正如我提到的添加document.getElementById(“我的特殊提议）.innerHTML=“…”；您可以添加所需的所有html和样式。我会编写一个关闭按钮和另一段JS来关闭新div。您需要添加css来设置新div的样式，使其看起来像一个弹出窗口。上面的链接是一个很好的示例。请告诉我这是否有助于您走上正确的道路。同样，不确定是否有straigt JS方法，因为您将需要使用CSS动态添加HTML和样式。不，我不想打开一个不是我想要的新窗口。我现在就有了它，但我希望我自己的警报框不是默认的。这实际上是最简单的解决方案。您想要的是一个lightbox，但这比打开一个新窗口要复杂得多。没有在JS中，你可以给Keith一个弹出窗口，除非你使用一个比使用弹出窗口更复杂的灯箱。谢谢@ShawnAltman这就是我的意思，我不知道怎么解释它！
document.getElementById("mySpecialOffer").innerHTML = '<div> Special Offer Div Inserted </div>';