仿qq频道上下单行多条滚动js效果代码,可用于新闻,友情链接上下间隙滚动

一个可以js(JavaScript)的tab标签切换代码,可以自动适应宽度,可以自己添加删除标签块,傻瓜式操作便能完成!
图片 1

#nav { MARGIN: 7px auto 0px; HEIGHT: 117px } #nav #hotnews {
BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px } #Scroll { CLEAR: both;
BORDER-RIGHT: #cdc9ca 1px solid; BORDER-TOP: #cdc9ca 1px solid;
PADDING-LEFT: 100px; FONT-SIZE: 12px; BACKGROUND:
url(//files.jb51.net/file_images/article/201212/flscroll/n_scroll.gif)
no-repeat 18px 7px; MARGIN: 0px auto; BORDER-LEFT: #cdc9ca 1px solid;
WIDTH: 808px; COLOR: #c2130e; LINE-HEIGHT: 27px; BORDER-BOTTOM:
#cdc9ca 1px solid; HEIGHT: 27px; TEXT-ALIGN: left } #Scroll A {
PADDING-RIGHT: 20px; PADDING-LEFT: 10px; BACKGROUND:
url(//files.jb51.net/file_images/article/201212/flscroll/n_bar.gif))
no-repeat 0px 0px; COLOR: #000; MARGIN-RIGHT: 5px; TEXT-DECORATION:
none } #Scroll A.s_end { PADDING-RIGHT: 0px; MARGIN-LEFT: 8px }

复制代码 代码如下:

瓮安涉案女孩系溺亡
体彩中心突发人命案
A股上半年全球最差
上海数字电视免费开播
五月份乘用车销量探底
塔罗占卜王菲会复出
七月精彩运势全攻略
高考试题及历年分数线
暗黑3视频图片全欣赏
爱墙留言祈福地震灾区
瓮安涉案女孩系溺亡
体彩中心突发人命案
A股上半年全球最差
上海数字电视免费开播
五月份乘用车销量探底
塔罗占卜王菲会复出
七月精彩运势全攻略
高考试题及历年分数线
暗黑3视频图片全欣赏
爱墙留言祈福地震灾区

 <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”

[Ctrl+A 全选
注:如需引入外部Js需刷新才能执行]

19991224/loose.dtd”>
<HTML xmlns=”;
<meta name=”keywords”
content=”JS代码,TAB标签,JS广告代码,JS特效代码,阅微草堂” />
<title>自适应宽度的标签导航</title>
<META http-equiv=Content-Type content=”text/html; charset=gb2312″>

您可能感兴趣的文章:

  • js向上无缝滚动,网站公告效果
    具体代码
  • js 上下文字滚动效果
  • 滚动条响应鼠标滑轮事件实现上下滚动的js代码
  • javascript之循环停顿上下滚动
  • js实现带按钮的上下滚动效果
  • JavaScript
    无缝上下左右滚动加定高定宽停顿效果(兼容ie/ff)
  • 兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码
  • javascript上下左右定时滚动插件
  • javascript实现无缝上下滚动特效
  • 利用10行js代码实现上下滚动公告效果

<STYLE type=text/css>
BODY {FONT-SIZE: 14px; FONT-FAMILY: “宋体”}
OL LI { MARGIN: 8px}
#con { FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 600px}
#tags { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 10px; WIDTH: 400px; PADDING-

TOP: 0px; HEIGHT: 23px}
#tags LI {BACKGROUND: url(images/tagleft.gif) no-repeat left bottom;
FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE:

none; HEIGHT: 23px}
#tags LI A {PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND:
url(images/tagright.gif) no-repeat right bottom;

FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999; LINE-HEIGHT: 23px;
PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION:

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注