auntnini
08-02-2011, 11:37 PM
Please see http://www.dynamicdrive.com/forums/showthread.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?
<!--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--->
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?
<!--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--->