为了账号安全,请及时绑定邮箱和手机立即绑定

我的图片为什么轮播不了?

<!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=utf-8" />

<title>slideToggle()</title>

<script src="../jquery 1.12.2.js" type="text/javascript"></script>

<link href="7-5-1.css" rel="stylesheet" type="text/css" />

</head>

<body>

<h3>使用slideToggle()方法实现图片"变脸"效果</h3>

    <div id="divtest1">

    <img src="../../Image/开心果/002.jpg" alt="" />

    </div>

    <div id="divtsst2">

    <img src="../../Image/开心果/003.jpg" alt="" />

    </div>

    <script type="text/javascript">

    $(function(){

var $div1=$("#divtest1");

var $div2=$("#divtsst2");

$div1.bind("click",function(){

$div1.slideToggle(3000,function(){

$div.slideToggle(3000);

});

});

$div2.bind("click",function(){

$div2.slideToggle(3000,function(){

$div1.slideToggle(3000);

});

});

});

    </script>

</body>

</html>

-----

div

{

margin:10px 0px;

border:solid 1px #ccc;

width:300px;

}

.divtest1

{

margin:0px;

pdding:5px;

}

.divtest2

{

margin:0px;

padding:5px;

float:right;

}

我的图片为什么轮播不了?还有就是我的第二张图片为什么浮动不上去啊?

正在回答

4 回答

$div1.bind("click",function(){

$div1.slideToggle(3000,function(){

$div.slideToggle(3000);

});

});

第三行那里调用的函数写错了,应该是div2.slideToggle(3000);不然的话你的div1滑上去了  然后你的div2并不会滑下来    你要轮播的话,当然是div2要滑下来

0 回复 有任何疑惑可以回复我~
#1

Python程序猿 提问者

非常感谢!
2016-04-19 回复 有任何疑惑可以回复我~
#2

丿風雨下聆廳丨灬煒 回复 Python程序猿 提问者

之前你那有好多写错的地方
2016-04-19 回复 有任何疑惑可以回复我~
#3

丿風雨下聆廳丨灬煒 回复 Python程序猿 提问者

css <style type="text/css"> div{ margin:10px 0px; border:solid 1px #ccc; width:568px; } #divtest1{ float:left; } #divtest2{ float:right; } </style>
2016-04-19 回复 有任何疑惑可以回复我~
#4

丿風雨下聆廳丨灬煒 回复 Python程序猿 提问者

jq 要先设定第二张图片是隐藏的才有效果
2016-04-19 回复 有任何疑惑可以回复我~
#5

丿風雨下聆廳丨灬煒 回复 Python程序猿 提问者

css选定id使用#id 选定class才是用.classname
2016-04-19 回复 有任何疑惑可以回复我~
查看2条回复

css去掉,然后我刚试了下,点图1的时候,两个图都是显示的,然后执行完都消失了。

在前面再加一行$div2.slideToggle(40);时间小点。让他一加载完先把一个图片隐藏。再点就可以轮流切换了。

0 回复 有任何疑惑可以回复我~

你写的css有问题

0 回复 有任何疑惑可以回复我~

改为div2还是不能轮播啊?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

我的图片为什么轮播不了?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信