-1

クリックすると、この Web サイトで Cookie が使用されていることを知らせるダイアログ ボックスが表示される画像 (Cookie ポリシー) を取得しようとしています。jQueryダイアログボックスを使いたいと思っていましたが、難しそうです。

デモリンク: http://myfirststepsto.weebly.com/

使用したいjQuery: http://jqueryui.com/dialog/#default

<div id="oneout">
<span class="onetitle">

</span>
<div id="oneout_inner">
<centre>

<img src="https://dl.dropboxusercontent.com/u/89687987/mycookie.png"  alt="cookie policy" />
</a>

<br></center></div></div>
4

1 に答える 1

3

私はあなたのためにフィドルを作りました。 ここでjsFiddle

HTML:

<div id="oneout">
    <span class="onetitle"></span>
    <div id="oneout_inner">
        <center>
            <a><img id="opener" src="https://dl.dropboxusercontent.com/u/89687987/mycookie.png"  alt="cookie policy" /></a>
            <br>
        </center>
    </div>
</div>
<div id="dialog" title="Basic dialog">
    <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>

Javascript:

$(function() {
    $( "#dialog" ).dialog({
        autoOpen: false,
        show: {
            effect: "blind",
            duration: 1000
        },
        hide: {
            effect: "explode",
            duration: 1000
        }
    });
    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
    });
});
于 2013-05-22T12:54:09.577 に答える