Heim >Web-Frontend >HTML-Tutorial >带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:17:531120Durchsuche
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>
非常感谢，因为不怎么很熟悉这个。老是一知半解的。所以，有时候出错自己大部分时间都是懵的很感谢你。阿里阿多
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：实现bootstrap布局的input输入框中的图标点击功能_html/css_WEB-ITnoseNächster Artikel：[翻译]使用VH和VW实现真正的流体排版_html/css_WEB-ITnose