ホームページ >ウェブフロントエンド >htmlチュートリアル >ボタンによる画像の回転に問題があります。ビデオを見ていて思いつきました。なぜうまくいかないのかわかりません。 help_html/css_WEB-ITnose をご覧ください
ボタンによる画像の回転に問題があります。ビデオを見ていて思いつきました。なぜうまくいかないのかわかりません。 help_html/css_WEB-ITnose をご覧ください
- WBOYオリジナル
- 2016-06-24 11:17:531122ブラウズ
3834a9af239a6ec15f0bed6c3a44e5fe
97f2b6ae5f4f65bc7d15c6c9b9e8be8c
b2386ffb911b14667cb8f0f91ea547a7無标题文档6e916e0f7d1e588d4f442bf645aedb2f
080b747a20f9163200dd0a7d304ba388
*{マージン:0px;パディング:0px}
#kk{幅:100%;高さ:385px; 背景:#999 ;位置:相対;}
#kk ul li{リストスタイルタイプ:なし ;幅:100%;高さ:385px; 表示:なし}
#kk img.dy{位置:絶対; 左:5%;上:150px;}
#kk img.dy2{位置:絶対; right:5%;top:150px;}
531ac245ce3e4fe3d50054a55f265927
a586015c911220733e5a6cecfcc3f07b
44344f3505d2e25aadac16eabaa36769
a6f79acce77592e2fcae011d9f3fd08a
11fc892b8ac45d38cbc7f88d88b660f8
ff6d136ddc5fdfeffaf53ff6ee95f185
7a87caf8ffcf1c62c7fa72ab1bbee54f1111bed06894275b65c1ab86501b08a632eb
fb7d8ab77c8ed304aa52b4b18f0af45a2222bed06894275b65c1ab86501b08a632eb
5a54dd04edb71a39af590933ed808dec3333bed06894275b65c1ab86501b08a632eb
929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68
8b35e5245d20a971fcc0d6b5e8f81657531ac245ce3e4fe3d50054a55f265927
cdb437ef872df3303b11b84513957a19
${function(){
var index=0;
var legth=${#kk ul li}.length;
${".dy"}.click{function(){
if( index==legth ){index=-1};
インデックス++;
${"#kk ul li"}.eq{index}.show{}.fadeIN.siblings{}.hide
}};
}};
${function(){
var index=0;
var legth=${#kk ul li}.length;
${".dy"}.click{function(){
if( index==0){index=legth+1};
インデックス--;
${"#kk ul li"}.eq{index}.show{}.fadeIN.siblings{}.hide
}};
}};
531ac245ce3e4fe3d50054a55f265927
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e
回复讨论(解决方案)
好多错误啊
3f1c4e4b6b16bbbd69b2ee476dc4f83a标签都写成c9ccee2e6ea535a969eb3f532ad9fe89了
好多()写成了{}
fadeIn中nは小さい写しであり、次は次の書き込みです()
<!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" width="54" height="54" class="dy"/><img src="图片/未标题-2.jpg" width="54" height="54" class="dy2"/><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>
非常に感銘深いものであり、これをよく理解していないためです。谢阿里亜多