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

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

WBOY
Release: 2016-06-24 11:17:53
Original
1134 people have browsed it

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>
Copy after login


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

source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template