[jQuery] jQuery Powered Sites - Keep the Links Coming
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:st1="urn:schemas-microsoft-com:office:smarttags" xmlns="http://www.w3.org/TR/REC-html40">
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<meta name=Generator content="Microsoft Word 11 (filtered medium)">
<!--[if !mso]>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<![endif]--><o:SmartTagType
namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName"/>
<!--[if !mso]>
<style>
st1\:*{behavior:url(#default#ieooui) }
</style>
<![endif]-->
<style>
<!--
/* Font Definitions */
@font-face
{font-family:Helvetica;
panose-1:2 11 6 4 2 2 2 2 2 4;}
@font-face
{font-family:Wingdings;
panose-1:5 0 0 0 0 0 0 0 0 0;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:12.0pt;
font-family:"Times New Roman";}
a:link, span.MsoHyperlink
{color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{color:blue;
text-decoration:underline;}
p
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman";}
p.msolistparagraph, li.msolistparagraph, div.msolistparagraph
{mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman";}
span.EmailStyle21
{mso-style-type:personal-reply;
font-family:Verdana;
color:blue;
font-weight:normal;
font-style:normal;
text-decoration:none none;}
@page Section1
{size:595.3pt 841.9pt;
margin:72.0pt 90.0pt 72.0pt 90.0pt;}
div.Section1
{page:Section1;}
-->
</style>
</head>
<body lang=EN-GB link=blue vlink=blue style='word-wrap: break-word;-khtml-nbsp-mode: space;
-khtml-line-break: after-white-space'>
<div class=Section1>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Thanks guys, <o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>Cheers for the link too Karl – I noticed
it still blinked focus so I looked a little further and figured its possible to
do this… <o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>$("a").focus(function(){<o:p></o:p></span></font>
<p class=MsoNormal style='text-indent:36.0pt'><font size=1 color=blue
face=Verdana><span style='font-size:9.0pt;font-family:Verdana;color:blue'>this.blur();<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>});<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>This fixes the little drag-out problem too,
woohoo!<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>@ Rick > Did you use a menu plug-in
for that or just a hide/show effect?<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>I didn’t actually find the plug-in page
until I had half built my page (doh!) so I didn’t use the accordion plug-in
which I think I will after looking at it – if you double click the .toggle
headings it messes up the backgrounds and I could do with fixing that :¬)<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'>jQuery rules!<o:p></o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=1 color=blue face=Verdana><span style='font-size:
9.0pt;font-family:Verdana;color:blue'><o:p> </o:p></span></font>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal><b><font size=2 face=Tahoma><span lang=EN-US
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span lang=EN-US style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Karl Swedberg
<b><span style='font-weight:bold'>Sent:</span></b> 17 February 2007 17:42
<b><span style='font-weight:bold'>To:</span></b> <st1:PersonName w:st="on">jQuery
Discussion.</st1:PersonName>
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] jQuery
Powered Sites - Keep the Links Coming</span></font><span lang=EN-US><o:p></o:p></span>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>Hey Toby, <o:p></o:p></span></font>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>Nice site! <o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>I wrote an entry on Learning jQuery about blurring links:<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><a href="http://www.learningjquery.com/2006/10/quick-tip-blur-links">http://www.learningjquery.com/2006/10/quick-tip-blur-links</a><o:p></o:p></span></font>
<div><span style='border-spacing: 0px 0px;text-align:auto;-khtml-text-decorations-in-effect: none;
-apple-text-size-adjust: auto;orphans: 2;widows: 2;word-spacing:0px'>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>
<span class=apple-style-span><span style='border-spacing: 0px 0px;text-align:
auto;-khtml-text-decorations-in-effect: none;-apple-text-size-adjust: auto;
orphans: 2;widows: 2;word-spacing:0px'><o:p></o:p></span></span></font>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>Hope that helps.</span></font><o:p></o:p>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'><o:p> </o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>--Karl<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>_________________<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>Karl Swedberg<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>www.englishrules.com<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>www.learningjquery.com<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'><o:p> </o:p></span></font>
</div>
<p class=MsoNormal><font size=1 color=black face=Helvetica><span
style='font-size:9.0pt;font-family:Helvetica;color:black'>
</span></font><o:p></o:p>
</div>
</span></span>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
<div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>On Feb 17, 2007, at 12:15 PM, Toby wrote:<o:p></o:p></span></font>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>
<o:p></o:p></span></font>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'><O:SMARTTAGTYPE namespaceuri="urn:schemas-microsoft-com:office:smarttags" name="PersonName">I
really like the way it works too, and it falls back fine easily with no JS.<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'>Any way of tweaking the tween/animation/scroll so it eases in/out?<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'>Here’s my newbie jQuery site > <a
href="http://www.tobybrancher.net/">www.tobybrancher.net</a> it’s the
first time I have used it and definitely needs some work (been reading up on
the href comments made here although nothing yet about clearing the focus).<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'>Nice1 again!<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'>Toby<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=1 color=blue face=Verdana><span style='font-size:9.0pt;font-family:Verdana;
color:blue'><O:P> </O:P></span></font><o:p></o:p>
<div>
<div class=MsoNormal align=center style='text-align:center'><font size=3
face="Times New Roman"><span lang=EN-US style='font-size:12.0pt'>
<hr size=2 width="100%" align=center tabindex=-1>
</span></font></div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><b><font
size=2 face=Tahoma><span lang=EN-US style='font-size:10.0pt;font-family:Tahoma;
font-weight:bold'>From:</span></font></b><font size=2 face=Tahoma><span
lang=EN-US style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Rick Faircloth
<b><span style='font-weight:bold'>Sent:</span></b> 17 February 2007 16:42
<b><span style='font-weight:bold'>To:</span></b> '<ST1:PERSONNAME u1:st="on"><st1:PersonName
w:st="on">jQuery Discussion.</ST1:PERSONNAME></st1:PersonName>'
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] jQuery
Powered Sites - Keep the Links Coming</span></font><o:p></o:p>
</div>
<O:P></O:P>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=3 face="Times New Roman"><span style='font-size:12.0pt'><O:P> </O:P><o:p></o:p></span></font>
<p class=msolistparagraph style='text-indent:-18.0pt'><font size=2
color="#1f497d" face=Wingdings><span lang=EN-US style='font-size:10.0pt;
font-family:Wingdings;color:#1F497D'>Ø</span></font><font size=1 color="#1f497d"><span
times="" new=""><span lang=EN-US style='font-size:7.0pt;color:#1F497D'>
</span></span></font><span lang=EN-US>seems much better than the default
"quick jump"</span><o:p></o:p>
<O:P></O:P>
<p class=msolistparagraph style='text-indent:-18.0pt'><font size=2
color="#1f497d" face=Wingdings><span lang=EN-US style='font-size:10.0pt;
font-family:Wingdings;color:#1F497D'>Ø</span></font><font size=1 color="#1f497d"><span
times="" new=""><span lang=EN-US style='font-size:7.0pt;color:#1F497D'>
</span></span></font><span lang=EN-US>because of the "disorienting sudden
change" that you mention.</span><o:p></o:p>
<O:P></O:P>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>Absolutely true, Karl. The biggest
problem with those new to the Internet<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>(and, yes, there are such people still around)
is the “jumping around”… between<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>pages, from one part of the page to the other
with anchors, etc. I remember<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>the first time I used the Internet…my
initial response was that it was “very”<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>disconcerting...one click and instantly
everything on the screen was changed,<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>especially with an anchor.<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>It took awhile to get used to the freedom to
move virtually anywhere on the ‘Net<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>in an instant. The smooth scroll effect
will make anchors usable for me. Smooth<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>changes in page content or orientation help
people know where they are in relation<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>to where they’ve been.<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'><O:P> </O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'>Rick<O:P></O:P></span></font><o:p></o:p>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto'><font
size=2 color="#1f497d" face=Arial><span lang=EN-US style='font-size:10.0pt;
font-family:Arial;color:#1F497D'><O:P> </O:P></span></font><o:p></o:p>
<div>
<div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><b><font size=2 face=Tahoma><span lang=EN-US
style='font-size:10.0pt;font-family:Tahoma;font-weight:bold'>From:</span></font></b><font
size=2 face=Tahoma><span lang=EN-US style='font-size:10.0pt;font-family:Tahoma'>
discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] <b><span
style='font-weight:bold'>On Behalf Of </span></b>Karl Swedberg
<b><span style='font-weight:bold'>Sent:</span></b> Saturday, February 17, 2007
9:55 AM
<b><span style='font-weight:bold'>To:</span></b> <ST1:PERSONNAME u1:st="on"><st1:PersonName
w:st="on">jQuery Discussion.</ST1:PERSONNAME></st1:PersonName>
<b><span style='font-weight:bold'>Subject:</span></b> Re: [jQuery] jQuery
Powered Sites - Keep the Links Coming<O:P></O:P></span></font><o:p></o:p>
</div>
</div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
<div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>On Feb 17, 2007, at 8:46 AM, Joel Birch wrote:<O:P></O:P></span><o:p></o:p></font>
</div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>
</span><o:p></o:p></font>
<O:P></O:P>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>Thanks Rick, all credit for the
smooth scroll goes to Stefan Petre, <span class=apple-converted-space> </span></span></font><o:p></o:p>
<O:P></O:P>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>of course. I like using it over a
regular in-page link because it <span class=apple-converted-space> </span></span></font><o:p></o:p>
<O:P></O:P>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>gives the user a sense of how
they got there rather than a <span class=apple-converted-space> </span></span></font><o:p></o:p>
<O:P></O:P>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>disorienting sudden change. Glad
you like the site Rick.</span></font><o:p></o:p>
<O:P></O:P>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt;min-height: 14.0px'><font size=1 face=Helvetica><span
lang=EN-US style='font-size:9.0pt;font-family:Helvetica'><O:P> </O:P></span></font><o:p></o:p>
<p style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:0cm;margin-left:
36.0pt;margin-bottom:.0001pt'><font size=1 face=Helvetica><span lang=EN-US
style='font-size:9.0pt;font-family:Helvetica'>Joel.</span></font><o:p></o:p>
</div>
<O:P></O:P>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>I love this smooth scroll, too, and have used it on a
few of my own sites. (Thanks, Stefan!) It's one of those effects that is more
than just eye candy. <O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>I'd love to hear Klaus's take on this, or any other
usability guru out there, but to me the smooth scroll seems much better than
the default "quick jump" because of the "disorienting sudden
change" that you mention.<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>--Karl<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>_________________<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>Karl Swedberg<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>www.englishrules.com<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'>www.learningjquery.com<O:P></O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
</div>
<div>
<p class=MsoNormal style='mso-margin-top-alt:auto;mso-margin-bottom-alt:auto;
margin-left:36.0pt'><font size=3 face="Times New Roman"><span lang=EN-US
style='font-size:12.0pt'><O:P> </O:P></span><o:p></o:p></font>
</div>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'></O:SMARTTAGTYPE>_______________________________________________<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>jQuery mailing list<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>discuss@jquery.com<o:p></o:p></span></font>
</div>
<div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'>http://jquery.com/discuss/<o:p></o:p></span></font>
</div>
</div>
<p class=MsoNormal><font size=3 face="Times New Roman"><span style='font-size:
12.0pt'><o:p> </o:p></span></font>
</div>
</div>
</body>
</html>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/