JS图片无缝、平滑滚动代码
JS图片无缝、平滑滚动代码
发布时间:2016-12-30 来源:查字典编辑
摘要:非常平滑的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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类