Miten saan blogiini nämä "hieman erikoisemmat" toiminnot ??

Hiirtä liikuttaessa tähtisumua?

Esim. www.jotex.fi sivuilla on tuollainen

Ja sitten taustalle nämä lumihiutaleet leijailemaan?

http://ainosofialla.blogspot.com/
5738
Äänestä

Muut lukivat myös

Vastaukset 5

Vanhimmat

Kyseinen tähtisumu on ilmeisesti tehty Flash:illa, joten tuskin haluat tismalleen samanlaista. Vastaava efekti on kuitenkin mahdollista saada aikaan myös Javascriptilla. Hakusanoilla javascript stars mouse kyllä löytyy.

Lumihiutaleet saa samalla lailla. Esimerkkejä löytyy useita hakusanoilla javascript falling snow. Esimerkiksi http://www.hypergurl.com/snowmaker.html


Vaikka näitä "hienoja" efektejä onkin suhteellisen helppo laittaa sivuilleensa, kannattaa ottaa huomioon, että (suurin?) osa käyttäjistä (kuten minä) kokee ne hyvin ärsyttäväksi. Itselleni jonkin vilkkuvan tai liikkuvan näkeminen saa aikaan heti pakenemisreaktion, koska yhdistän ne automaattisesti laaduttomaan ja ehkä jopa lapselliseen sisältöön. En siis suosittele näiden "härpäkkeiden" käyttöä missään.

Mutta päätä Itse, mitä haluat.

Äänestä
  • Kiitos sulle!

    Vielä jäin onnettomana ihmettelemään mihin tähän koodi litanjaan pitäs oma blogi osote sijoittaa



    // CREDITS: // Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
    // Distributed by http://www.hypergurl.com // Permission given to use the script
    on webpages provided that this notice remains as is. // Set the number of snowflakes
    (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow.
    Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
    // Set the fonts, that create the snowflakes. Add as many fonts as you like var
    snowtype=new Array("Arial Black","Arial Narrow","Times","Comic
    Sans MS") // Set the letter that creates your snowflake (recommended:*) var
    snowletter="*" // Set the speed of sinking (recommended values range
    from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var
    snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 //
    Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing
    // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION ENDS HERE ///////////////////////////////////////////////////////////////////////////
    // Do not edit below this line var snow=new Array() var marginbottom var marginright
    var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new
    Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/)
    var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random())
    return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight
    marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight
    marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for
    (i=0;i(marginright-3*lftrght[i])){ if (snowingzone==1)
    {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size) marginright/4}
    if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size) marginright/2}
    snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i

    Äänestä

  • Äityliini82 kirjoitti:

    Kiitos sulle!

    Vielä jäin onnettomana ihmettelemään mihin tähän koodi litanjaan pitäs oma blogi osote sijoittaa



    // CREDITS: // Snowmaker Copyright (c) 2003 Peter Gehrig. All rights reserved.
    // Distributed by http://www.hypergurl.com // Permission given to use the script
    on webpages provided that this notice remains as is. // Set the number of snowflakes
    (more than 30 - 40 not recommended) var snowmax=35 // Set the colors for the snow.
    Add as many colors as you like var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
    // Set the fonts, that create the snowflakes. Add as many fonts as you like var
    snowtype=new Array("Arial Black","Arial Narrow","Times","Comic
    Sans MS") // Set the letter that creates your snowflake (recommended:*) var
    snowletter="*" // Set the speed of sinking (recommended values range
    from 0.3 to 2) var sinkspeed=0.6 // Set the maximal-size of your snowflaxes var
    snowmaxsize=22 // Set the minimal-size of your snowflaxes var snowminsize=8 //
    Set the snowing-zone // Set 1 for all-over-snowing, set 2 for left-side-snowing
    // Set 3 for center-snowing, set 4 for right-side-snowing var snowingzone=3 ///////////////////////////////////////////////////////////////////////////
    // CONFIGURATION ENDS HERE ///////////////////////////////////////////////////////////////////////////
    // Do not edit below this line var snow=new Array() var marginbottom var marginright
    var timer var i_snow=0 var x_mv=new Array(); var crds=new Array(); var lftrght=new
    Array(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
    var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/)
    var browserok=ie5||ns6||opera function randommaker(range) { rand=Math.floor(range*Math.random())
    return rand } function initsnow() { if (ie5 || opera) { marginbottom = document.body.clientHeight
    marginright = document.body.clientWidth } else if (ns6) { marginbottom = window.innerHeight
    marginright = window.innerWidth } var snowsizerange=snowmaxsize-snowminsize for
    (i=0;i(marginright-3*lftrght[i])){ if (snowingzone==1)
    {snow[i].posx=randommaker(marginright-snow[i].size)} if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
    if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size) marginright/4}
    if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size) marginright/2}
    snow[i].posy=0 } } var timer=setTimeout("movesnow()",50) } for (i=0;i

    Ihan oikeasti siis antakee ihan suoraan suoraan vaan se koodi mikä käy bloggeriin. Tyhmä mikä tyhmä

    Äänestä

  • Äityliini82 kirjoitti:

    Ihan oikeasti siis antakee ihan suoraan suoraan vaan se koodi mikä käy bloggeriin. Tyhmä mikä tyhmä

    en tiedä pitäiskö sua edes auttaa tässä, kun et viitsi itse lukea ohjeita sieltä mistä kopioit tuon. se olisi ollut paljon pienempi vaiva kun postata nää viestit tänne. joten mitäs jos kokeilet lukea ne ohjeet sieltä miten toi laitetaan sinne blogiin?

    http://www.hypergurl.com/snowmaker.html

    Äänestä

  • ,,, kirjoitti:

    en tiedä pitäiskö sua edes auttaa tässä, kun et viitsi itse lukea ohjeita sieltä mistä kopioit tuon. se olisi ollut paljon pienempi vaiva kun postata nää viestit tänne. joten mitäs jos kokeilet lukea ne ohjeet sieltä miten toi laitetaan sinne blogiin?

    http://www.hypergurl.com/snowmaker.html

    Olen samaa mieltä kuin aiempi kommentoija, että nämä härpäkekikkailut - leijailevat lumet ja hiiren perässä juoksevat kuviot ym ym kilkkeet ja välkkeet - kertovat vain sen, että tekijä on aloittelija ja jotenkin.. kuinka sen nyt kauniisti sanoisi.. Sitä mainetta en ainakaan itse halua. Kukaan itseään arvostava websivuntekijä noita ei käytä. Itse en tee, vaikka asiakas pyytäisi. No joo, rahalla tekisin, mutta en kyllä omaa tekijänimeäni siihen laittaisi.

    Jos välttämättä haluat noita kokeilla (ymmärrän että aloittelija haluaa kokeilla noita, kun ne on niin ihkuja..), niin tee yksittäinen html-sivu, jossa iso talvinen kuva ja siihen lumisadetta ja mitä välkettä haluatkin. Eihän noista javascripteistä puutetta ole, kymmenittäin löytyy netistä, musiikkiakin voi lisätä. Linkin siihen sivuun voit sitten laittaa mihin haluat. Se voisi toimia esim. joulukorttina, mutta asiasisältöiselle sivulle ei kannata laittaa, se häiritsee lukemista, joillakin voi aiheuttaa jopa migreenin.

    Äänestä

Kommentoi aloitusta


äityliini82 kirjoitti:

Hiirtä liikuttaessa tähtisumua?

Esim. www.jotex.fi sivuilla on tuollainen

Ja sitten taustalle nämä lumihiutaleet leijailemaan?

http://ainosofialla.blogspot.com/

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu