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

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

WBOY
Freigeben: 2016-06-24 11:17:53
Original
1134 Leute haben es durchsucht

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>
Nach dem Login kopieren


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

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage