Rss订阅

首页 »Javascript教程 » 无间隙滚动:符合W3C Web标准的图片连续无间隙水平滚动 »正文

无间隙滚动:符合W3C Web标准的图片连续无间隙水平滚动

来源: 发布时间:星期四, 2008年12月25日浏览:252次评论:0

这次又遇上

个这样

问题

找了老半天终于从网上找到

个不错

看了下代码

思路很简单

但代码太多

通用性也不行

于是乎

自己又发明了两个

用起来感觉还真不错

和大家共享:
点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>图片连续无间隙向左滚动<img src='/icons/16919dou.gif' />无间隙向右滚动<img src='/icons/16919dou.gif' />符合W3C Web标准_</title> 
<meta http-equiv="Content-Type" content="text/html; char<img src='/icons/16919set.gif' />=gb2312" /> 
</head> 
<body> 
 
 
 
 
 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 
 
 
 
 
 
 
 
 
 
 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" /> 
 <img height="50" src="http://www.crazycoder.cn/WebFiles/200812/8f5be943-d2fe-487b-981a-fdd87cb646ec.jpg" />

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

标签：图片连续滚动代码图片无间隙滚动无间隙滚动代码无间隙滚动

下载文章的 PDF文档电子版离线看

我顶

连续滚动代码:符合网页标准的连续滚动的图片特效代码

专注于互联网--专注于架构

首页 »Javascript教程 » 无间隙滚动:符合W3C Web标准的图片连续无间隙水平滚动 »正文

无间隙滚动:符合W3C Web标准的图片连续无间隙水平滚动

相关文章

读者评论

发表评论

热门标签

精华推荐

最新标签

Dig排行

阅读排行

最新文章