我是小白。。最近写一个图片轮播特效的代码，html和css部分都已经写好了，而js部分怎么也不会写
求大神告诉我怎么才能让图片自动轮播，并且点击数字切换到对应图片，最好能把代码发给我（PS我自己在网上找了一段JS代码放进去却动不了，希望大神能说下为什么，最好能改下。。。...
求大神告诉我怎么才能让图片自动轮播，并且点击数字切换到对应图片，最好能把代码发给我（PS我自己在网上找了一段JS代码放进去却动不了，希望大神能说下为什么，最好能改下。。。）代码如下。。。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta charset="{CHARSET}"> <title>图片轮播</title> <style type="text/css"> *{margin:0;padding: 0;} ul,ol{list-style: none;} #box{width: 580px;height: 237px;border: 3px;solid;#aaa;margin: 100px auto;padding: 3px;position: relative;overflow: hidden;} #box ol{position: absolute;right: 10px;bottom: 10px;} #box ol li{float: left;width: 20px;height: 20px;background-color: #f00;margin: 3px;text-align: center;line-height: 20px;color: #000;cursor: pointer;border: 2px solid #aaa;} #box ol li.current{background-color: #ff0;} </style> <script src="jquery-1.8.3.min"></script> <script src="unslider"></script> <script src=""> $(document).ready(function(e){ $('.ul').unslider(); }); </script> </head> <body> <div id=box> <ul> <li><img src="a.jpg"></li> <li><img src="b.jpg"></li> <li><img src="c.jpg"></li> <li><img src="d.jpg"></li> </ul> <ol> <li class="current">1</li> <li>2</li> <li>3</li> <li>4</li> </ol> </div> </body></html>
展开
1个回答
展开全部
这么给你说吧 JS你最好放在body的最下面
因为你写在head里 在dom加载完成前 你的JS就执行完了
或者你在最外层加上
$(document).ready(function(){
//你的代码
}
但是还是建议你将JS代码放在body内的最下面
因为你写在head里 在dom加载完成前 你的JS就执行完了
或者你在最外层加上
$(document).ready(function(){
//你的代码
}
但是还是建议你将JS代码放在body内的最下面
追问
谢谢提醒~
但是这样之后图片还是一直没反应。。
是代码出错了吗？
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
