教程集 > 脚本编程 > javascript > 正文 javascript实现导航标签位于右侧的纵向选项卡

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

发布时间：2017-01-11 编辑：jiaochengji.com

教程集为您提供javascript实现导航标签位于右侧的纵向选项卡等资源，欢迎您收藏本站，我们将为您提供最新的javascript实现导航标签位于右侧的纵向选项卡资源

分享一篇导航标签位于右侧的纵向选项卡效果的javascript实现代码，有需要的朋友可以参考一下。

提示：您可以先修改部分代码再运行

<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></textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
javascript实现导航标签位于右侧的纵向选项卡
 javascript 导航标签位于左侧的纵向选项卡二
 橘子浏览器如何设置打开新网页时可以直接切换到新选项卡界面进行网页内容浏览？
css3中flexbox伸缩盒深入理解
 40款非常有用的 jQuery 插件推荐（系列一）
基于JQuery的6个Tab选项卡插件
 jQuery右侧导航插件 Flexible Nav
深入Bootstrap CSS组件学习教程
 php如何实现点击左边导航右边跳转到对应页面
 HTML5中的header标签是什么意思？HTML5中header标签具体使用方法你知道吗？

上一篇：javascript精美的tab选项卡实现代码下一篇：兼容ie6淘宝浮动工具样

[关闭]

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

最近更新

浏览排行