Ugrás a tartalomhoz Lépj a menübe
 


Időjárás

2012.10.15

<html>
    <head>
        <title>WeatherSlider - The jQuery weather widget with breathtaking effects!</title>
        <link rel="stylesheet" href="../weatherslider/css/weatherslider.css" type="text/css">
        <link rel="stylesheet" href="../assets/css/style.css" type="text/css">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <!--[if lt IE 9]>
            <script src="assets/js/html5.js"></script>
        <![endif]-->
    </head>
    <body>
        <div id="dim">

            <div id="ws">
                <div id="wslogo"></div>
                <div id="wsmotto"></div>
                <div class="clear"></div>
            </div>

            <div id="ws-examples">
                <div class="inner">

                    <div class="ws-example">
                        <div class="ws-ex-inner">
                            <div id="weatherslider">
                                <span class="ws-location">Doba Mare,Romania</span>
                                <span class="ws-location">Bucuresti, Romania</span>
                                <span class="ws-location">Cluj, Romania</span>
                                <span class="ws-location">Budapest, Hungary</span>
                                <span class="ws-location">Jibou,Romania</span>
                                <span class="ws-location">Covasna,Romania</span>
                                <span class="ws-location">Hargita,Romania</span>
                                </div>
                            <p class="desc">
                                3 Napos előrejelzés huzd a egeret a keretre.
                            </p>                            
                        </div>
                    </div>

                    <div class="ws-example">
                        <div class="ws-ex-inner">
                            <div id="ws-widgets">
                                <div class="ws-widget">
                                    <span class="ws-location">Los Angeles, US</span>
                                    <span class="ws-location">Miami, US</span>
                                    <span class="ws-location">Las Vegas, US</span>
                                    <span class="ws-location">New York, US</span>
                                </div>
                                <div class="ws-widget">
                                    <span class="ws-location">Budapest, Hungary</span>
                                    <span class="ws-location">Szentes, Hungary</span>
                                    <span class="ws-location">Sopron, Hungary</span>
                                    <span class="ws-location">Tihany, Hungary</span>
                                </div>
                                <div class="ws-widget">
                                    <span class="ws-location">Madrid, Spain</span>
                                    <span class="ws-location">Barcelona, Spain</span>
                                    <span class="ws-location">Ibiza, Spain</span>
                                    <span class="ws-location">Alicante, Spain</span>
                                </div>
                                <div class="ws-widget">
                                    <span class="ws-location">Tokyo, Japan</span>
                                    <span class="ws-location">Kyoto, Japan</span>
                                    <span class="ws-location">Yokohama, Japan</span>
                                    <span class="ws-location">Kawasaki, Japan</span>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <p class="desc">
                                Több Időjárás  különböző helyszíneken.
                            </p>

                        </div>
                        <div class="clear"></div>
                    </div>

                    <div class="ws-example">
                        <div class="ws-ex-inner">
                            <div id="ws-weathers">
                                <span class="ws-location">Doba Mare, RO</span>
                            </div>
                            <div id="setweather">

                                <h3>Néhány időjárás típusai a 48</h3>
                                <input type="radio" name="forcewcode" value="113"> Napos<br>
                                <input type="radio" name="forcewcode" value="116"> Helyenként felhős<br>
                                <input type="radio" name="forcewcode" value="119"> Felhős<br>
                                <input type="radio" name="forcewcode" value="122"> Borult<br>
                                <input type="radio" name="forcewcode" value="248"> Köd<br>
                                <input type="radio" name="forcewcode" value="296"> Könnyű eső<br>
                                <input type="radio" name="forcewcode" value="389" checked> Mérsékelt vagy heves esőzések és a. mennydörgés<br>
                                <input type="radio" name="forcewcode" value="362"> Könnyű ónos eső <br>
                                <input type="radio" name="forcewcode" value="326"> Könnyű hó<br>
                                <input type="radio" name="forcewcode" value="332"> Mérsékelt hó

                                <h3>Nappal</h3>
                                <input type="radio" name="forcedaytime" value="day"> Nappal<br>
                                <input type="radio" name="forcedaytime" value="night" checked> Éjszaka

                                <h3>Hőmérséklet</h3>
                                <input type="radio" name="forcecurtemp" value="40" checked> Magas hőmérséklet<br>
                                <input type="radio" name="forcecurtemp" value="-40">Alacsony hőmérséklet (fagy)

                                <h3>Szél</h3>
                                <input type="radio" name="forcewindy" value="true" checked> Szeles időjárás<br>
                                <input type="radio" name="forcewindy" value="false"> Szélcsend
                            </div>
                            <p class="desc">
                                Válassza az időjárás típusát és egyéb beállításokat a bal oldalon.
                            </p>                            
                        </div>
                    </div>

                </div>
            </div>

            <div id="ws-ex-nav">
                <div class="ws-ex-nav-bg"></div>
                <div class="ws-ex-nav-inner">
                    <h3>Menü</h3>
                    <ul class="examples">
                        <li class="ws-active"><a class="ws-ex" href="0">Időjárás  különböző helyszíneken</a></li>
                        <li><a class="ws-ex" href="-1">Több Időjárás különböző helyszíneken</a></li>
                        <li><a class="ws-ex" href="-2">Különböző tipusu időjárások</a></li>
                    </ul>                    
                </div>
            </div>
            
        </div>
        <script src="../weatherslider/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script>
        <script src="../weatherslider/jQuery/jquery-easing-1.3.js" type="text/javascript"></script>
        <script src="../weatherslider/jQuery/jquery-animate-background-position.js" type="text/javascript"></script>
        <script src="../weatherslider/js/weatherslider.kreaturamedia.jquery-min.js" type="text/javascript"></script>
        <script src="../assets/js/example.js" type="text/javascript"></script>
    </body>
</html>