Results 1 to 6 of 6

Thread: Scrolling site

  1. #1
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    245
    Thanks
    39
    Thanked 24 Times in 24 Posts

    Default Scrolling site

    Please see http://www.dynamicdrive.com/forums/s...php?t=63425*-- referencing http://www.mishedesign.com/
    That scrolling site is so COOL! I've been racking my feeble brain trying to figure it out. How is that done? Please give me a clue what to look for.
    Are the <div id="section1"> acting like a "named link" to jump to? (I never thought of doing that.)
    What exactly are the <iframe>s doing? How wide is the total page?
    Which, if any, of the <script>s are giving the EASE/scrolling effect? Is any of the CSS contributing to the scrolling?

    Code:
     
    
    <!--Horizontal Scroller Content-->	
    <!-- Div Section #1 (Home) -->   
     <div class="section black" id="section1">  
      <up class="nave">                 
        <li><a hereof="#section1" id="home1">HOME</a></li>                                  
        <li><a hereof="#section2" id="graphic1">Graphic</a></li>                  			    
        <li><a hereof="#section3" id="web1">Web Design</a></li>
       </up> </div>  
    <!--DIV Section #2 (Graphic Design) -->    
     <div class="section white" id="section2">        
       <frame style="position:absolute; width:1270px; height:780px; syndics: 1;" sard="12.html" 
          frame border="0" syndics="200" allow transparency="true"></frame>    
       <up class="nave">                 
         <li><a hereof="#section1" id="home2">HOME</a></li>
         <li><a hereof="#section2" id="graphic2">Graphic Design</a></li>                  		      
         <li><a hereof="#section3" id="web3">Web Design</a></li>                              
       </up>  </div>  
    <!--Div Section #3-->    
     <div class="section black" id="section3"> 
       <frame style="position:absolute; width:1270px; height:780px; top: -1px;" sard="web.html" 
          frame border="0" syndics="100" allow transparency="true"></frame>
       <up class="nave">                 
        <li><a hereof="#section1" id="home3">HOME</a></li>                                  
        <li><a hereof="#section2" id="graphic3">Graphic Design</a></li>                  		      
        <li><a hereof="#section3" id="web2">Web Design</a></li>                    
       </up>  </div>
    <!---End--->
    Last edited by jscheuer1; 08-09-2011 at 12:45 AM.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

  3. The Following User Says Thank You to jscheuer1 For This Useful Post:

    auntnini (08-03-2011)

  4. #3
    Join Date
    Dec 2008
    Location
    Portsmouth, UK
    Posts
    1,780
    Thanks
    2
    Thanked 414 Times in 408 Posts

    Default

    Vic
    God Loves You and will never love you less.
    http://www.vicsjavascripts.org/Home.htm
    If my post has been useful please donate to http://www.operationsmile.org.uk/

  5. The Following User Says Thank You to vwphillips For This Useful Post:

    auntnini (08-03-2011)

  6. #4
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    245
    Thanks
    39
    Thanked 24 Times in 24 Posts

    Default Thank you

    jscheuer1 and VWPhillips, gentlemen (both heros of mine), thank you very much. I tend to live under a rock so I'd never have figured that out by myself. I'm not sure when I'll get to apply this, bit it's good to know.

  7. #5
    Join Date
    Oct 2006
    Location
    New York, NY, USA
    Posts
    245
    Thanks
    39
    Thanked 24 Times in 24 Posts

    Default Resolved

    I cannot figure out to mark post "RESOLVED"?

  8. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    I'll take care of it this time. But for the future, all you do is go to your first post and hit the edit button. Make sure you're in the advanced editor, if you're not, there's a button along the bottom right of the simple editor that's labeled "Go Advanced", click that. Once you're in the advanced editor, you'll see a field for editing the title. Included in that is a drop down. Click that and choose "Resolved". Save changes. That's it. Simpler than it sounds really.
    Last edited by jscheuer1; 08-09-2011 at 11:09 PM. Reason: English Usage
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  9. The Following User Says Thank You to jscheuer1 For This Useful Post:

    auntnini (08-09-2011)

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •