乱舞春秋

八 30th, 2009用select控制 DIV 中的内容-菜单导航特效

以下是HTML网页特效代码，点击运行按钮可查看效果：

</p> <a href="http://affiliate.godaddy.com/redirect/327BDE6185FB90B6A69D90371D2402465390943FD59D5B6547BA2A6745D1CA91" title="20% off Hosting at GoDaddy.com - World's largest Web host!">20% off Hosting at GoDaddy.com - World's largest Web host!</a> <br> <a href="http://affiliate.godaddy.com/redirect/B344E9A5131F25C885F2F6E13C6E5FE3287B3A7F2EA0CE2AC002D03059E4C2E8" title="Domain Sale! $7.49 .com at GoDaddy">Domain Sale! $7.49 .com at GoDaddy</a> <iframe src="http://affiliate.godaddy.com/ad/B344E9A5131F25C885F2F6E13C6E5FE30DB72382CA69B3F424082D6B05FE4279" width="468" height="60" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" allowtransparency="true"></iframe> <br> <b><font color="red">声明：本文发表于乱舞春秋(www.20blog.cn),转载请注明出处：<a href="http://www.20blog.cn/2009/08/147.html">http://www.20blog.cn/2009/08/147.html</a>，谢谢！有任何问题请联系QQ37750965</font></b> <script type="text/javascript"><!-- google_ad_client = "pub-2375141713597073"; /* 468x15, 创建于 10-7-2 */ google_ad_slot = "4426179348"; google_ad_width = 468; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <div id="doubangroup"> <ul> 欢迎订阅: <a href="http://fusion.google.com/add?feedurl=http://feed.feedsky.com/blog20" target="_blank">Google Reader</a> | <a href="http://www.xianguo.com/subscribe.php?url=http://feed.feedsky.com/blog20" target="_blank">鲜果</a> | <a href="http://www.zhuaxia.com/add_channel.php?url=http://feed.feedsky.com/blog20" target="_blank">抓虾</a> | <a href="http://9.douban.com/reader/subscribe?url=http://feed.feedsky.com/blog20" target="_blank">九点</a> | <a href="http://mail.qq.com/cgi-bin/feed?u=http://feed.feedsky.com/blog20" target="_blank">QQ邮箱</a> | <a href="http://reader.youdao.com/b.do?url=http://feed.feedsky.com/blog20" target="_blank">有道</a> | <a href="http://feed.feedsky.com/blog20">更多...</a> </ul> </div> </div> <div class="other"> <div class="l"><p> <h3>Related Posts</h3> <ul> </ul></p> </div> <div class="r"><p> <h3>RECENT POSTS</h3> <ul class="related_post"> <li><a href='http://www.20blog.cn/2011/08/3147.html' title='苹果CEO乔布斯7大败笔产品：Apple TV在列'>苹果CEO乔布斯7大败笔产品：Apple TV在列</a></li> <li><a href='http://www.20blog.cn/2011/08/3145.html' title='韩国拟自主开发移动操作系统 已邀请三星和LG'>韩国拟自主开发移动操作系统 已邀请三星和LG</a></li> <li><a href='http://www.20blog.cn/2011/08/3143.html' title='民营企业500强榜单发布：华为第一 联想第四_Huawei 华为_cnBeta.COM'>民营企业500强榜单发布：华为第一 联想第四_Huawei 华为_cnBeta.COM</a></li> <li><a href='http://www.20blog.cn/2011/08/3141.html' title='网络游戏：余额已不足'>网络游戏：余额已不足</a></li> <li><a href='http://www.20blog.cn/2011/08/3137.html' title='分析称乔布斯辞职或为三星铸就发展契机'>分析称乔布斯辞职或为三星铸就发展契机</a></li> </ul></p> </div> <div class="l"> <h3>PREVIOUS POST</h3> <ul class="related_post"> <li> « <a href="http://www.20blog.cn/2009/08/146.html" rel="prev">web2.0精致导航下拉菜单代码-菜单导航特效</a></li></ul> </div> <div class="r"> <h3>NEXT POST</h3> <ul class="related_post"> <li><a href="http://www.20blog.cn/2009/08/148.html" rel="next">精致导航下拉菜单-菜单导航特效</a> »</li></ul> </div> </div> <!-- end post --> <!-- begin comments --> <div id="comments"> <!-- You can start editing here. --> <!-- If comments are open, but there are no comments. --> <div id="respond"> <h2>Leave a Reply</h2> <div class="cancel-comment-reply"> <small><a rel="nofollow" id="cancel-comment-reply-link" href="/2009/08/147.html#respond" style="display:none;">点击这里取消回复。</a></small> </div> <form action="http://www.20blog.cn/wp-comments-post.php" method="post" id="commentform"> <div id="comment-author-info"> <p><input type="text" name="author" id="author" value="" size="22" tabindex="1" aria-required='true' /> <label for="author"><small>Name (required)</small></label></p> <p><input type="text" name="email" id="email" value="" size="22" tabindex="2" aria-required='true' /> <label for="email"><small>Mail (will not be published) (required)</small></label></p> <p><input type="text" name="url" id="url" value="" size="22" tabindex="3" /> <label for="url"><small>Website</small></label></p> </div> <p><script type="text/javascript" language="javascript"> /* <![CDATA[ */ function grin(tag) { var myField; tag = ' ' + tag + ' '; if (document.getElementById('comment') && document.getElementById('comment').type == 'textarea') { myField = document.getElementById('comment'); } else { return false; } if (document.selection) { myField.focus(); sel = document.selection.createRange(); sel.text = tag; myField.focus(); } else if (myField.selectionStart || myField.selectionStart == '0') { var startPos = myField.selectionStart; var endPos = myField.selectionEnd; var cursorPos = endPos; myField.value = myField.value.substring(0, startPos) + tag + myField.value.substring(endPos, myField.value.length); cursorPos += tag.length; myField.focus(); myField.selectionStart = cursorPos; myField.selectionEnd = cursorPos; } else { myField.value += tag; myField.focus(); } } /* ]]> */ </script> <a href="javascript:grin(':?:')"><img src="/wp-includes/images/smilies/icon_question.gif" alt="" /></a> <a href="javascript:grin(':razz:')"><img src="/wp-includes/images/smilies/icon_razz.gif" alt="" /></a> <a href="javascript:grin(':sad:')"><img src="/wp-includes/images/smilies/icon_sad.gif" alt="" /></a> <a href="javascript:grin(':!:')"><img src="/wp-includes/images/smilies/icon_exclaim.gif" alt="" /></a> <a href="javascript:grin(':smile:')"><img src="/wp-includes/images/smilies/icon_smile.gif" alt="" /></a> <a href="javascript:grin(':oops:')"><img src="/wp-includes/images/smilies/icon_redface.gif" alt="" /></a> <a href="javascript:grin(':grin:')"><img src="/wp-includes/images/smilies/icon_biggrin.gif" alt="" /></a> <a href="javascript:grin(':eek:')"><img src="/wp-includes/images/smilies/icon_surprised.gif" alt="" /></a> <a href="javascript:grin(':???:')"><img src="/wp-includes/images/smilies/icon_confused.gif" alt="" /></a> <a href="javascript:grin(':cool:')"><img src="/wp-includes/images/smilies/icon_cool.gif" alt="" /></a> <a href="javascript:grin(':mad:')"><img src="/wp-includes/images/smilies/icon_mad.gif" alt="" /></a> <a href="javascript:grin(':roll:')"><img src="/wp-includes/images/smilies/icon_rolleyes.gif" alt="" /></a> <a href="javascript:grin(':idea:')"><img src="/wp-includes/images/smilies/icon_idea.gif" alt="" /></a> <a href="javascript:grin(':neutral:')"><img src="/wp-includes/images/smilies/icon_neutral.gif" alt="" /></a> <a href="javascript:grin(':cry:')"><img src="/wp-includes/images/smilies/icon_cry.gif" alt="" /></a> <a href="javascript:grin(':mrgreen:')"><img src="/wp-includes/images/smilies/icon_mrgreen.gif" alt="" /></a> <br /><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4" onkeydown="if(event.ctrlKey&&event.keyCode==13){document.getElementById('submit').click();return false};">