Maison > Article > interface Web > 带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:17:531085parcourir
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
\
- 1111
- 2222
- 3333
回复讨论(解决方案)
好多错误啊
<script>标签都写成<style>了 <br /> <br />好多()写成了{} <br /> <br />fadeIn 中n是小写，并且后面要写() <br /> <br /> </script>
<!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>无标题文档</title><style type="text/css">*{margin:0px;padding:0px}#kk{width:100%;height:385px; background:#999 ;position:relative;}#kk ul li{list-style-type:none ;width:100%;height:385px; display:none}#kk img.dy{position:absolute; left:5%;top:150px;}#kk img.dy2{position:absolute; right:5%;top:150px;}</style></head><body><div id="kk"><img src="图片/cb.jpg" style="max-width:90%" style="max-width:90%" class="dy"/ alt="带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose" ><img src="图片/未标题-2.jpg" style="max-width:90%" style="max-width:90%" class="dy2"/ alt="带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose" ><ul> <li style="background:url(%E5%9B%BE%E7%89%87/14576858872415.jpg);display:block;">1111</li> <li style="background:url(%E5%9B%BE%E7%89%87/14624120162661.jpg) ">2222</li> <li style="background:url(%E5%9B%BE%E7%89%87/14612222855658.jpg)">3333</li></ul></div><script type="text/javascript" src="js/jquery.js"></script><script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script><script>$(function(){ var index=0; var legth=$("#kk ul li").length; $(".dy").click(function(){ if( index==legth-1 ){index=-1}; index++; $("#kk ul li").eq(index).fadeIn().siblings().hide() }); $(".dy2").click(function(){ if( index==0 ){index=legth}; index--; $("#kk ul li").eq(index).fadeIn().siblings().hide() });});</script></body></html>
非常感谢，因为不怎么很熟悉这个。老是一知半解的。所以，有时候出错自己大部分时间都是懵的很感谢你。阿里阿多
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：实现bootstrap布局的input输入框中的图标点击功能_html/css_WEB-ITnoseArticle suivant：[翻译]使用VH和VW实现真正的流体排版_html/css_WEB-ITnose