手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS图片无缝、平滑滚动代码
JS图片无缝、平滑滚动代码
摘要:非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图...

非常平滑的JS图片滚动特效代码,无缝循环,速度可自定义,鼠标悬停时停止。它的特点是JS和图片地址分离,这样做你就经易的从数据库动态调用每张图片的地址,方便控制,因此它非常的应用。

复制代码 代码如下:

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>图片滚动</title>

</head>

<body>

<style type="text/css">

<>

</style>

<div id="demo">

<div id="indemo">

<div id="demo1">

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s1.jpg" border="0" /></a>

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s2.jpg" border="0" /></a>

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s3.jpg" border="0" /></a>

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s4.jpg" border="0" /></a>

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s5.jpg" border="0" /></a>

<a href="#"><img src="http://www.jb51.netjscss/demoimg/wall_s6.jpg" border="0" /></a>

</div>

<div id="demo2"></div>

</div>

</div>

<script>

<>

</script>

</body>

</html>

【JS图片无缝、平滑滚动代码】相关文章:

图片按比例缩放函数

Javascript随机显示图片的源代码

JS实现带缓冲效果打开、关闭、移动一个层的方法

简单的防盗链功能代码(iframe)

JavaScript静态的动态

无间断滚动marquee的详细用法解析

纯javascript实现四方向文本无缝滚动效果

免费空间广告万能消除代码

创建表格,并添加事件

JS创建对象几种不同方法详解

精品推荐
分类导航