Hvordan designe scroll som på den siden?

[donkeykong89]

http://www.hydro.com/en/index.html

 

Legg merke til scrollen neders til venstre hjørnet, i den boksen. Der er det en boks "Latest news".

Jeg lurer på hvordan de har klart å designe den scrollen jeg?

Kan det være javascript eller liknende?

Har prøvd å se gjennom kildekoden, men finner ingenting der.

[AKIRAx77]

Koden lå i siden den. Men jeg tror de også bruker et eksternt CSS stylesheet. Så da ligger jo noe av koden der.

 

<TD WIDTH="193" HEIGHT="132" CLASS="DAPIfloatingScroll"><DIV ID="prScroll" CLASS="SPen-DAPIscrollWrap"><DIV ID="prScrollClip" CLASS="SPen-DAPIscrollClip">

<DIV ID="prScrollContent" CLASS="SPen-DAPIscrollContent">

<P CLASS="press-release-scroll"><A HREF="/en/press_room/news/archive/2005_12/navita_en.html" class="internal-news-archive">Hydro invests in electricity and gas trading system<br>(2005-12-23)</A></P><P CLASS="press-release-scroll"><A HREF="/en/press_room/news/archive/2005_12/haw_casthouse_en.html" class="internal-news-archive">Hydro to continue operation of Hamburg aluminium casthouse<br>(2005-12-22)</A></P><P CLASS="press-release-scroll"><A HREF="/en/press_room/news/archive/2005_12/alulift_en.html" class="internal-news-archive">Hydro strengthens aluminium position through Czech acquisition<br>(2005-12-21)</A></P><P CLASS="press-release-scroll"><A HREF="/en/press_room/news/archive/2005_12/valves_en.html" class="internal-news-archive">Valve contract goes to Bjørge Solberg & Andersen<br>(2005-12-20)</A></P><P CLASS="press-release-scroll"><A HREF="/en/press_room/news/archive/2005_12/supply_en.html" class="internal-news-archive">Agreements for three supply boats<br>(2005-12-20)</A></P><IMG src="/graphics/common/arrows/internal.gif" ALT="" width="12" height="12"><A href="/en/press_room/news/" class="internal-right">To news</A> 

    </DIV>

<DIV ID="prScrollBg" CLASS="SPen-DAPIscrollBarElements-bg"><TABLE WIDTH="13" CELLSPACING="0" CELLPADDING="0" BORDER="0" HEIGHT="100%"><TR><TD HEIGHT="100%" BACKGROUND="/graphics/common/scroll/bg.gif"><IMG SRC="/graphics/common/spacer.gif" WIDTH="1" HEIGHT="132" ALT="" BORDER="0"></TD><TR></TABLE></DIV>

<DIV ID="prScrollBar" CLASS="SPen-DAPIscrollBarElements-bar"><IMG SRC="/graphics/common/scroll/bar.gif" WIDTH="13" HEIGHT="32" ALT="" BORDER="0"></DIV>

<DIV ID="prScrollUp" CLASS="SPen-DAPIscrollBarElements-up"><IMG SRC="/graphics/common/scroll/up.gif" WIDTH="13" HEIGHT="10" ALT="" BORDER="0"></DIV>

<DIV ID="prScrollDown" CLASS="SPen-DAPIscrollBarElements-down"><IMG SRC="/graphics/common/scroll/down.gif" WIDTH="13" HEIGHT="10" ALT="" BORDER="0"></DIV>

</DIV>

    </DIV>

   </TD>  

</TR>

</TABLE> 

</td>

</tr>  

  <tr>

    <td colspan="2" class="box_bg_color"><IMG SRC="/graphics/common/spacer.gif" ALT="" WIDTH="190" HEIGHT="1"></td>

  </tr>

</table>

<script>

<!--

scroll_Init("prScroll","columnE-mainpage")

AddLoadScript("/includes/javascript/dapi_scroll.js")

//-->

</SCRIPT>

 

<P CLASS="space60px"><!-- Add some whitespace to the bottom of the page --> </P>

</DIV>

 

Som du ser i koden over ligger også grafikken til scrollen. Så med litt jobbing og forskning skal du kunne pelle den fra hverandre.

 

Når jeg skal lage scroll i vindu som det bruker jeg CSS kommandoen DIV Med Overflow. Søk på de to så finner du noe du kan bruke.

 

AKIRA

Endret 23. desember 2005 av AKIRAx24