3

これは、画像の上にカーソルを置いたときにアラートを表示するコードです。

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!');
        }
    }

これをボグ標準のJSアラートからスタイルできるボックスに変更する方法を知りたかったのですが、ある種のdivを使用すると思います。

どんな助けでも大歓迎です。

4

3 に答える 3

2

メッセージを div に送信しますか?

div を作成する

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

js では、この ID をターゲットにして、必要なメッセージで更新できます。

document.getElementById("mySpecialOffer").innerHTML = 'some Text';

css で div を非表示にしてから、JS で再表示することもできます。

または、HTMLを作成できます...

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

これは、jQuery を使用するとさらに簡単になります。

これはあなたが考えていたことですか？

于 2013-04-22T00:59:48.690 に答える
2

http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

これは、独自のモーダル ウィンドウを作成するための優れたリソースです。alert() を使用して標準アラートを起動する代わりに、関数を使用して、作成したモーダル ウィンドウを起動できます。

于 2013-04-22T00:46:32.763 に答える