利用jquery实现左右循环滚动图片代码



45 176 59



特效描述:利用jquery实现 左右循环 滚动图片代码,利用jquery实现左右循环滚动图片代码

代码结构

1. HTML代码

<!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" />
<meta name="keywords" content=" " />
<meta name="description" content=" " />
<title></title>
<LINK rel=stylesheet type=text/css href="css/lrtk.css">
<SCRIPT type=text/javascript src="js/jquery.js"></SCRIPT>
<SCRIPT type=text/javascript charset=utf-8 src="js/lrscroll.js"></SCRIPT>
</head>
<DIV id=featureContainer>
<DIV id=feature>
<DIV id=block>
<DIV id=botton-scroll>
<UL class=featureUL>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt=Paracletos  src="images/01.jpg" width=240 height=150> </A></DIV>
  <!-- /box --></LI>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt="Natural Touch Soap" src="images/02.jpg" width=240 height=150> </A></DIV>
  <!-- /box --></LI>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt="LRTK" src="images/03.jpg" width=240 height=150> </A></DIV>
  <!-- /box --></LI>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt="Natalie Reid" src="images/04.jpg" width=240 height=150> </A></DIV>
  <!-- /box --></LI>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt="xixi" src="images/05.jpg" width=240 height=150> </A></DIV>
  <!-- /box --></LI>
  <LI class=featureBox>
  <DIV class=box><A href="http://51qianduan.com/" target="_blank"><IMG alt="Catherine Sherwood" src="images/06.jpg" width=240 height=150> </A></DIV>
  <!-- /box -->
  </LI></UL></DIV><!-- /botton-scroll --></DIV><!-- /block --><A class=prev href="javascript:void();">Previous</A><A class=next 
href="javascript:void();">Next</A> </DIV>
<!-- /feature --></DIV><!-- /featureContainer -->
<DIV id=wrap><SPAN id=load>LOADING...</SPAN></DIV><!-- /wrap --></DIV><!-- /featured --></DIV><!-- /body --></DIV><!-- /wrapper -->
<body style="text-align:center">
</body>
</html>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滑动导航菜单 图片头像上传 滑动选项卡切换 文件上传 图片滑动 文本框 文字滑动 下拉框 滑动手风琴 复选 滑动星星打分 单选 登录框 注册框 搜索框 验证码 二级联动 三级联动 城市选择 value赋值 筛选 按钮控制 购物车 颜色选择 表单提交 全选/反选 添加删除 添加标签 密码强度验证 表单验证 html5按钮动画 按钮样式 密码修改设置 滑动滑过 切换按钮 form表单

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到