Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript实现导航标签位于右侧的纵向选项卡

javascript实现导航标签位于右侧的纵向选项卡

发布时间:2017-01-11   编辑:www.jquerycn.cn
jquery中文网为您提供javascript实现导航标签位于右侧的纵向选项卡等资源,欢迎您收藏本站,我们将为您提供最新的javascript实现导航标签位于右侧的纵向选项卡资源
分享一篇导航标签位于右侧的纵向选项卡效果的javascript实现代码,有需要的朋友可以参考一下。
<script>ec(2);</script>
提示:您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"> <head profile="http://www.w3.org/2000/08/w3c-synd/#"> <meta http-equiv="content-language" content="zh-cn" /> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <style> dl { position:absolute; width:270px; height:170px; border:10px solid #eee; } dd { margin:0; width:270px; height:170px; overflow:hidden; } dt { position:absolute; right:1px; } ul { margin:0; padding:0; width:260px; height:170px; list-style:none; background:url("http://bbs./attachments/2006/11/10/arrowb_kJrcZheJmiIF.gif") no-repeat 75% 20px; border:1px solid #ccc } #b { background-position:75% center } #c { background-position:75% 86% } li { width:255px; height:27px; font:12px/27px "宋体",sans-serif; white-space:nowrap; overflow:hidden; } dt a { display:block; margin:1px; width:70px; height:56px; text-align:center; font:700 12px/55px "宋体",sans-serif; color:#fff; text-decoration:none; background:#666; } dt a:hover { background:orange } </style> <head/> <body>
一个好孩子科比入党了失忆的猪猪
<ul id="a"> <li>·国际新闻国际新闻国际新闻</li> <li>·国际新闻国际新闻国际新闻</li> <li>·国际新闻国际新闻国际新闻</li> <li>·国际新闻国际新闻国际新闻</li> <li>·国际新闻国际新闻国际新闻</li> <li>·国际新闻国际新闻国际新闻</li> </ul> <ul id="b"> <li><marquee behavior="alternate">·娱乐新闻娱乐新闻娱乐新闻</marquee></li> <li>·娱乐新闻娱乐新闻娱乐新闻</li> <li>·娱乐新闻娱乐新闻娱乐新闻</li> <li>·娱乐新闻娱乐新闻娱乐新闻</li> <li>·娱乐新闻娱乐新闻娱乐新闻</li> <li>·娱乐新闻娱乐新闻娱乐新闻</li> </ul> <ul id="c"> <li>·体育新闻体育新闻体育新闻</li> <li>·体育新闻体育新闻体育新闻</li> <li>·体育新闻体育新闻体育新闻</li> <li>·体育新闻体育新闻体育新闻</li> <li>·体育新闻体育新闻体育新闻</li> <li>·体育新闻体育新闻体育新闻</li> </ul>
</body> </html></td> </tr> </table></textarea>
提示:您可以先修改部分代码再运行

您可能感兴趣的文章:
基于JQuery的6个Tab选项卡插件
40款非常有用的 jQuery 插件推荐(系列一)
jQuery右侧导航插件 Flexible Nav
基于jQuery实现点击同时更改两个iframe的网址
jQuery选项卡 KandyTabs
2013年优秀jQuery插件整理小结
EasySlider 基于jQuery功能强大简单易用的滑动门插件
jQuery 选择器项目实例分析及实现代码
win7任务管理器的另类技巧
jquery入门—编写一个导航条(可伸缩)

[关闭]