search

Home >Web Front-end >HTML Tutorial >带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose

带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:17:531129browse

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档
\






带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
带按钮图片轮转出了问题，看着视频来的。不知道怎么就是运行不来。求解救_html/css_WEB-ITnose
     
        
  • 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>


非常感谢，因为不怎么很熟悉这个。老是一知半解的。所以，有时候出错自己大部分时间都是懵的很感谢你。阿里阿多

Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：实现bootstrap布局的input输入框中的图标点击功能_html/css_WEB-ITnoseNext article：[翻译]使用VH和VW实现真正的流体排版_html/css_WEB-ITnose

Related articles

See more