Neko

Demó

Javascript kód
Úgy ahogy van illeszd be forráskód nézetbe
Van a kódban egy olyan rész, hogy: "left-bottom", 600, "mouseover"
A left-bottom-al tudsz a doboz helyzetén változtatni.
A 600-as számot lehet még változtatni. Minél nagyobb a szám, annál lassabban fog legördülni a szövegdoboz.

<script type="text/javascript" src="//aranymeli.gportal.hu/portal/aranymeli/upload/285733_1415474493_03640.js">
</script><!--Example #1: -->
<script type="text/javascript">
//Call dropdowncontent.init("anchorID", "positionString", glideduration, "revealBehavior") at the end of the page:
dropdowncontent.init("searchlink", "left-bottom", 600, "mouseover")
</script>

Szövegdoboz kódja

<div id="searchlink" rel="subcontent">
    Lenyíló szövegdoboz</div>
<div id="subcontent">
    <p>
        Ide jön a tartalom.</p>
</div>

CSS kód

<style type="text/css">
#searchlink { /* a szöveg kinézete */
   font-family: Times New Roman;
   font-weight: bold;
   font-style: italic;
   font-size: 22px;
   color: #E41E69;
}
#subcontent { /* a soboz kinézete */
   color: #AFAFAD;
   border: 9px solid #CED495;
   background-color: #1B1C16;
   width: 450px;
   height: 200px;
   padding: 8px;
   overflow: auto;
   position: absolute;
   visibility: hidden;
}</style>
 

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.