站长资源 网络编程

友情链接横向文字上下间隙循环滚动JS效果

整理:jimmy2026/8/6浏览2次

简介仿qq频道上下单行多条滚动js效果代码，可用于新闻，友情链接上下间隙滚动 #nav { MARGIN: 7px auto 0px; HEIGHT: 117px } #nav #hotnews { BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 89px } #Scroll {

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>仿qq频道上下单行多条滚动js效果代码，可用于新闻，友情链接上下间隙滚动</title> <style/> #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(//img.jbzj.com/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(//img.jbzj.com/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 } </style> </head> <body> 瓮安涉案女孩系溺亡体彩中心突发人命案 A股上半年全球最差上海数字电视免费开播五月份乘用车销量探底 <br> 塔罗占卜王菲会复出七月精彩运势全攻略高考试题及历年分数线暗黑3视频图片全欣赏爱墙留言祈福地震灾区 <br> 瓮安涉案女孩系溺亡体彩中心突发人命案 A股上半年全球最差上海数字电视免费开播五月份乘用车销量探底 <br> 塔罗占卜王菲会复出七月精彩运势全攻略高考试题及历年分数线暗黑3视频图片全欣赏爱墙留言祈福地震灾区 <br> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：iphone手机桌面滑动效果使用css3实现

站长资源 网络编程

友情链接横向文字上下间隙循环滚动JS效果

最新资源

一句话新闻

标签云