Statisches Karussell-HTML-Tutorial-php.cn

3 4 5 </title&"/><meta property="og:local" content="de"> <meta property="og:title" content="Statisches Karussell-HTML-Tutorial-php.cn"> <meta property="og:description" content="1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <title></title&"> <meta property="og:url" content="https://m.php.cn/de/faq/374194.html"> <meta property="og:image" content="https://m.php.cn/static/images/logo.png"> <meta property="og:site_name" content="php.cn"> <meta property="og:type" content="website"> <link rel="canonical" href="https://m.php.cn/de/faq/374194.html"/> <link rel="alternate" hrefLang="zh-cn" href="https://m.php.cn/zh/faq/374194.html" /> <link rel="alternate" hrefLang="en" href="https://m.php.cn/faq/374194.html" /> <link rel="alternate" hrefLang="zh-tw" href="https://m.php.cn/zh-tw/faq/374194.html" /> <link rel="alternate" hrefLang="ja" href="https://m.php.cn/ja/faq/374194.html" /> <link rel="alternate" hrefLang="ko" href="https://m.php.cn/ko/faq/374194.html" /> <link rel="alternate" hrefLang="ms" href="https://m.php.cn/ms/faq/374194.html" /> <link rel="alternate" hrefLang="fr" href="https://m.php.cn/fr/faq/374194.html" /> <link rel="alternate" hrefLang="de" href="https://m.php.cn/de/faq/374194.html" /> <meta charset="utf-8" /><meta name=viewport content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover"><meta name="applicable-device" content="mobile" /><link rel="stylesheet" href="/static/css/style.css?4.5.31"><link href="/static/front/mobcss/newphpcommon.css?1.1" type="text/css" rel="stylesheet"/><link href="/static/front/mobcss/swiper.min.css" type="text/css" rel="stylesheet"/><link href="/static/front/mobcss/newphp.css?1.2" type="text/css" rel="stylesheet"/><link href="/static/css/global.css" type="text/css" rel="stylesheet"/><link href="/static/layui/css/layui.css" type="text/css" rel="stylesheet"/><link href="/static/mobcss/mobindex3.css" type="text/css" rel="stylesheet"/><script src="/static/front/mobjs/jquery-1.6.1.min.js"></script><script src="/static/front/mobjs/swiper.min.js"></script><script src="/static/front/mobjs/newphpcommon.js"></script><script> var canshu = { SeeMore:'Mehr sehen', FoldUp:'Zusammenklappen', Choice:'Sprache', wait:'Laden, bitte warten~', LoginFirst:"Bitte loggen Sie sich zuerst ein", needKeyword:'Geben Sie die Stichwortsuche ein', emailPhoneError:'Bitte geben Sie die richtige Telefon- oder E-Mail-Adresse ein', missPwd:'Bitte geben Sie das Passwort ein', emailError:'Bitte geben Sie Ihre korrekte E-Mail-Adresse ein', VerCode:"Bitte den Bestätigungscode eingeben", getCode:'Senden', pwdError:'Falsches Passwortformat', TwoPassNotMatch:'Zwei Passwörter stimmen nicht überein', Bindemail:'E-Mail binden', resetpassword:'Passwort zurücksetzen', ConfirmPass:'Bestätige das Passwort', pwdCheck:'Bitte geben Sie 6-18 Buchstaben oder Zahlen ein', Editinfor: 'Persönliche Informationen bearbeiten', trimContent:'Bitte geben Sie Inhalte ein', titleCheck:'Der Titel sollte mindestens 5 Wörter lang sein', choiceLang:'Bitte wählen Sie eine Sprachklassifizierung aus', Secondreply:'Antwort', NetWorkError:'Netzwerkfehler, bitte versuchen Sie es später noch einmal!', all_lang_string:'zh|en|zh-tw|ja|ko|ms|fr|de' }; </script><script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WWVXRJPW'); </script><script async src="https://www.googletagmanager.com/gtag/js?id=G-H42EVCYBJC"></script><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-H42EVCYBJC'); </script><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5902227090019525" crossorigin="anonymous"></script><meta property="article:author" content="PHP中文网" /><meta property="article:published_first" content=",https://www.php.cn/faq/374194.html" /><link rel="stylesheet" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css?1"><link rel="stylesheet" href="/static/ueditor/third-party/SyntaxHighlighter/shCoreDefault1.css"><link href="/static/mobcss/newphp.css" type="text/css" rel="stylesheet"/><script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js"></script><script> var xnb_name = 'Virtual currency'; </script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"Article","headline":"Statisches Karussell","description":"1 <!DOCTYPE html> 2 <html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\"> 3 <head> 4 <meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"\/> 5 <title><\/title&","image":["img\/1_1.jpg","img\/1_2.jpg","img\/1_3.png","img\/1_4.jpg","img\/1_5.jpg"],"datePublished":"2017-07-14T18:10:03+8:00","author":{"url":"http:\/\/m.php.cn\/de\/member\/1.html","name":"PHP中文网"},"mainEntityOfPage":{"@type":"WebPage","@id":"https:\/\/m.php.cn\/de\/faq\/374194.html"},"url":"https:\/\/m.php.cn\/de\/faq\/374194.html","articleBody":"<div class=\"cnblogs_code\">\n<pre><span style=\"color: #008080\"> 1<\/span> <span style=\"color: #800000\"><!DOCTYPE html>\n<\/span><span style=\"color: #008080\"> 2<\/span> <span style=\"color: #800000\"><html xmlns=\"http:\/\/www.w3.org\/1999\/xhtml\">\n<\/span><span style=\"color: #008080\"> 3<\/span> <span style=\"color: #800000\"><head>\n<\/span><span style=\"color: #008080\"> 4<\/span> <span style=\"color: #800000\"><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"\/>\n<\/span><span style=\"color: #008080\"> 5<\/span> <span style=\"color: #800000\"><title><\/title>\n<\/span><span style=\"color: #008080\"> 6<\/span> <span style=\"color: #800000\"><link href=\"css\/demo.css\" rel=\"stylesheet\" \/>\n<\/span><span style=\"color: #008080\"> 7<\/span> <span style=\"color: #800000\"><\/head>\n<\/span><span style=\"color: #008080\"> 8<\/span> <span style=\"color: #800000\"><body>\n<\/span><span style=\"color: #008080\"> 9<\/span> <span style=\"color: #800000\"><div id=\"dlunbo\">\n<\/span><span style=\"color: #008080\">10<\/span> <span style=\"color: #800000\"><div id=\"igs\">\n<\/span><span style=\"color: #008080\">11<\/span> <span style=\"color: #800000\"><div class=\"ig\"><img src=\"img\/1_1.jpg\" \/><\/div>\n<\/span><span style=\"color: #008080\">12<\/span> <span style=\"color: #800000\"><div class=\"ig\"><img src=\"img\/1_2.jpg\" \/><\/div>\n<\/span><span style=\"color: #008080\">13<\/span> <span style=\"color: #800000\"><div class=\"ig\"><img src=\"img\/1_3.png\" \/><\/div>\n<\/span><span style=\"color: #008080\">14<\/span> <span style=\"color: #800000\"><div class=\"ig\"><img src=\"img\/1_4.jpg\" \/><\/div>\n<\/span><span style=\"color: #008080\">15<\/span> <span style=\"color: #800000\"><div class=\"ig\"><img src=\"img\/1_5.jpg\" \/><\/div>\n<\/span><span style=\"color: #008080\">16<\/span> <span style=\"color: #800000\"><\/div>\n<\/span><span style=\"color: #008080\">17<\/span> <span style=\"color: #800000\"><ul id=\"tabs\">\n<\/span><span style=\"color: #008080\">18<\/span> <span style=\"color: #800000\"><li class=\"tab\"><\/li>\n<\/span><span style=\"color: #008080\">19<\/span> <span style=\"color: #800000\"><li class=\"tab\"><\/li>\n<\/span><span style=\"color: #008080\">20<\/span> <span style=\"color: #800000\"><li class=\"tab\"><\/li>\n<\/span><span style=\"color: #008080\">21<\/span> <span style=\"color: #800000\"><li class=\"tab\"><\/li>\n<\/span><span style=\"color: #008080\">22<\/span> <span style=\"color: #800000\"><li class=\"tab\"><\/li>\n<\/span><span style=\"color: #008080\">23<\/span> <span style=\"color: #800000\"><\/ul>\n<\/span><span style=\"color: #008080\">24<\/span> <span style=\"color: #800000\"><div class=\"btn btn1\" ><<\/div>\n<\/span><span style=\"color: #008080\">25<\/span> <span style=\"color: #800000\"><div class=\"btn btn2\">><\/div>\n<\/span><span style=\"color: #008080\">26<\/span> <span style=\"color: #800000\"><\/div>\n<\/span><span style=\"color: #008080\">27<\/span> <span style=\"color: #800000\"><\/body>\n<\/span><span style=\"color: #008080\">28<\/span> <span style=\"color: #800000\"><\/html><br><\/span><\/pre>\n<\/div>\n<div class=\"cnblogs_code\">\n<pre><span style=\"color: #008080\"> 1<\/span> <span style=\"color: #800000\">*<\/span>{\n<span style=\"color: #008080\"> 2<\/span> <span style=\"color: #ff0000\">margin<\/span>:<span style=\"color: #0000ff\">0px<\/span>;\n<span style=\"color: #008080\"> 3<\/span> <span style=\"color: #ff0000\">padding<\/span>:<span style=\"color: #0000ff\">0px<\/span>;\n<span style=\"color: #008080\"> 4<\/span> <span style=\"color: #ff0000\">list-style-type<\/span>:<span style=\"color: #0000ff\">none<\/span>;\n<span style=\"color: #008080\"> 5<\/span> }\n<span style=\"color: #008080\"> 6<\/span> <span style=\"color: #800000\">#dlunbo<\/span>{\n<span style=\"color: #008080\"> 7<\/span> <span style=\"color: #ff0000\">width<\/span>:<span style=\"color: #0000ff\">500px<\/span>;\n<span style=\"color: #008080\"> 8<\/span> <span style=\"color: #ff0000\">height<\/span>:<span style=\"color: #0000ff\">330px<\/span>;\n<span style=\"color: #008080\"> 9<\/span> <span style=\"color: #ff0000\">position<\/span>:<span style=\"color: #0000ff\">absolute<\/span>;\n<span style=\"color: #008080\">10<\/span> <span style=\"color: #ff0000\">top<\/span>:<span style=\"color: #0000ff\">50%<\/span>;\n<span style=\"color: #008080\">11<\/span> <span style=\"color: #ff0000\">margin-top<\/span>:<span style=\"color: #0000ff\">-166px<\/span>;\n<span style=\"color: #008080\">12<\/span> <span style=\"color: #ff0000\">left<\/span>:<span style=\"color: #0000ff\">50%<\/span>;\n<span style=\"color: #008080\">13<\/span> <span style=\"color: #ff0000\">margin-left<\/span>:<span style=\"color: #0000ff\">-250px<\/span>;\n<span style=\"color: #008080\">14<\/span> }\n<span style=\"color: #008080\">15<\/span> <span style=\"color: #800000\">.ig<\/span>{\n<span style=\"color: #008080\">16<\/span> <span style=\"color: #ff0000\">position<\/span>:<span style=\"color: #0000ff\">absolute<\/span>;\n<span style=\"color: #008080\">17<\/span> }\n<span style=\"color: #008080\">18<\/span> <span style=\"color: #800000\">img<\/span>{\n<span style=\"color: #008080\">19<\/span> <span style=\"color: #ff0000\">width<\/span>:<span style=\"color: #0000ff\">500px<\/span>;\n<span style=\"color: #008080\">20<\/span> <span style=\"color: #ff0000\">height<\/span>:<span style=\"color: #0000ff\">330px<\/span>;\n<span style=\"color: #008080\">21<\/span> }\n<span style=\"color: #008080\">22<\/span> <span style=\"color: #800000\">#tabs<\/span>{\n<span style=\"color: #008080\">23<\/span> <span style=\"color: #ff0000\">position<\/span>:<span style=\"color: #0000ff\">absolute<\/span>;\n<span style=\"color: #008080\">24<\/span> <span style=\"color: #ff0000\">top<\/span>:<span style=\"color: #0000ff\">300px<\/span>;\n<span style=\"color: #008080\">25<\/span> <span style=\"color: #ff0000\">left<\/span>:<span style=\"color: #0000ff\">200px<\/span>;\n<span style=\"color: #008080\">26<\/span> }\n<span style=\"color: #008080\">27<\/span> <span style=\"color: #800000\">.tab<\/span>{\n<span style=\"color: #008080\">28<\/span> <span style=\"color: #ff0000\">width<\/span>:<span style=\"color: #0000ff\">20px<\/span>;\n<span style=\"color: #008080\">29<\/span> <span style=\"color: #ff0000\">height<\/span>:<span style=\"color: #0000ff\">20px<\/span>;\n<span style=\"color: #008080\">30<\/span> <span style=\"color: #ff0000\">border<\/span>:<span style=\"color: #0000ff\">solid 1px #ffffff<\/span>;\n<span style=\"color: #008080\">31<\/span> <span style=\"color: #ff0000\">float<\/span>:<span style=\"color: #0000ff\">left<\/span>;\n<span style=\"color: #008080\">32<\/span> <span style=\"color: #ff0000\">margin-left<\/span>:<span style=\"color: #0000ff\">5px<\/span>;\n<span style=\"color: #008080\">33<\/span> <span style=\"color: #ff0000\">border-radius<\/span>:<span style=\"color: #0000ff\">100%<\/span>;\n<span style=\"color: #008080\">34<\/span> <span style=\"color: #ff0000\">cursor<\/span>:<span style=\"color: #0000ff\">pointer<\/span>;\n<span style=\"color: #008080\">35<\/span> }\n<span style=\"color: #008080\">36<\/span> <span style=\"color: #800000\">.btn<\/span>{\n<span style=\"color: #008080\">37<\/span> <span style=\"color: #ff0000\">width<\/span>:<span style=\"color: #0000ff\">30px<\/span>;\n<span style=\"color: #008080\">38<\/span> <span style=\"color: #ff0000\">height<\/span>:<span style=\"color: #0000ff\">50px<\/span>;\n<span style=\"color: #008080\">39<\/span> <span style=\"color: #ff0000\">position<\/span>:<span style=\"color: #0000ff\">absolute<\/span>;\n<span style=\"color: #008080\">40<\/span> <span style=\"color: #ff0000\">background<\/span>:<span style=\"color: #0000ff\">rgba(0,0,0,0.5)<\/span>;\n<span style=\"color: #008080\">41<\/span> <span style=\"color: #ff0000\">color<\/span>:<span style=\"color: #0000ff\">#fff<\/span>;\n<span style=\"color: #008080\">42<\/span> <span style=\"color: #ff0000\">text-align<\/span>:<span style=\"color: #0000ff\">center<\/span>;\n<span style=\"color: #008080\">43<\/span> <span style=\"color: #ff0000\">line-height<\/span>:<span style=\"color: #0000ff\">50px<\/span>;\n<span style=\"color: #008080\">44<\/span> <span style=\"color: #ff0000\">font-size<\/span>:<span style=\"color: #0000ff\">30px<\/span>;\n<span style=\"color: #008080\">45<\/span> <span style=\"color: #ff0000\">top<\/span>:<span style=\"color: #0000ff\">50%<\/span>;\n<span style=\"color: #008080\">46<\/span> <span style=\"color: #ff0000\">margin-top<\/span>:<span style=\"color: #0000ff\">-25px<\/span>;\n<span style=\"color: #008080\">47<\/span> <span style=\"color: #ff0000\">cursor<\/span>:<span style=\"color: #0000ff\">pointer<\/span>;\n<span style=\"color: #008080\">48<\/span> }\n<span style=\"color: #008080\">49<\/span> <span style=\"color: #800000\">.btn1<\/span>{\n<span style=\"color: #008080\">50<\/span> <span style=\"color: #ff0000\">left<\/span>:<span style=\"color: #0000ff\">0px<\/span>;\n<span style=\"color: #008080\">51<\/span> }\n<span style=\"color: #008080\">52<\/span> <span style=\"color: #800000\">.btn2<\/span>{\n<span style=\"color: #008080\">53<\/span> <span style=\"color: #ff0000\">right<\/span>:<span style=\"color: #0000ff\">0px<\/span>;\n<span style=\"color: #008080\">54<\/span> }<\/pre>\n<\/div>\n<p> <\/p>"}</script></head><body><div class="bodyBg"><div class="nphpHead"><div class="nphpTop"><div class="nphpTopIn"><div class="nphpLogo"><a href="http://m.php.cn/de/" title="Chinesische PHP-Website"></a></div><div class="nphpSubmit"><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><a href="http://m.php.cn/de/login" class="bg3"></a></div></div></div><div class="nphpNav"><div class="nphpNavIn"><div class="swiper-container nphpNavSwiper"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/update/article_0_1.html" >kürzliche Updates</a></div><div class="clear"></div></div></div><script> var swiper = new Swiper('.nphpNavSwiper', { slidesPerView : 'auto' }); </script></div></div></div><div class="bodyMain"><div class="nphpSize"><div class="nphpSizeIn"><b></b><p><a href="http://m.php.cn/de/" title="Heim" class="bBlack">Heim</a> > <a href="http://m.php.cn/de/article.html" title="Artikel" class="bBlack">Artikel</a> > <a href="http://m.php.cn/web-designer.html" class="cBlack">Web-Frontend</a> > Statisches Karussell</p><div class="clear"></div></div></div><div class="nphpQianBox"><div class="nphpQianTitle"><h1>Statisches Karussell</h1><div class="nphpQianTitleIn"><span><img data-src="https://img.php.cn/upload/avatar/000/000/001/6251028808086368.png" alt="PHP中文网" class="lazyload" src="/static/front/mobimages/moren/moren.png" /></span><dl><dt><em>PHP中文网</em><i class='bg1'>Original</i><div class="clear"></div></dt><dd><em>2017-07-14 18:10:03</em><i>2002Durchsuche</i><div class="clear"></div></dd></dl><div class="clear"></div></div></div><div class="nphpQianCont wenda-list"><div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="color: #008080"> 1</span> <span style="color: #800000"><!DOCTYPE html> </span><span style="color: #008080"> 2</span> <span style="color: #800000"><html xmlns="http://www.w3.org/1999/xhtml"> </span><span style="color: #008080"> 3</span> <span style="color: #800000"><head> </span><span style="color: #008080"> 4</span> <span style="color: #800000"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </span><span style="color: #008080"> 5</span> <span style="color: #800000"><title></title> </span><span style="color: #008080"> 6</span> <span style="color: #800000"><link href="css/demo.css" rel="stylesheet" /> </span><span style="color: #008080"> 7</span> <span style="color: #800000"></head> </span><span style="color: #008080"> 8</span> <span style="color: #800000"><body> </span><span style="color: #008080"> 9</span> <span style="color: #800000"><div id="dlunbo"> </span><span style="color: #008080">10</span> <span style="color: #800000"><div id="igs"> </span><span style="color: #008080">11</span> <span style="color: #800000"><div class="ig"><img src="img/1_1.jpg" /></div> </span><span style="color: #008080">12</span> <span style="color: #800000"><div class="ig"><img src="img/1_2.jpg" /></div> </span><span style="color: #008080">13</span> <span style="color: #800000"><div class="ig"><img src="img/1_3.png" /></div> </span><span style="color: #008080">14</span> <span style="color: #800000"><div class="ig"><img src="img/1_4.jpg" /></div> </span><span style="color: #008080">15</span> <span style="color: #800000"><div class="ig"><img src="img/1_5.jpg" /></div> </span><span style="color: #008080">16</span> <span style="color: #800000"></div> </span><span style="color: #008080">17</span> <span style="color: #800000"><ul id="tabs"> </span><span style="color: #008080">18</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">19</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">20</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">21</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">22</span> <span style="color: #800000"><li class="tab"></li> </span><span style="color: #008080">23</span> <span style="color: #800000"></ul> </span><span style="color: #008080">24</span> <span style="color: #800000"><div class="btn btn1" ><</div> </span><span style="color: #008080">25</span> <span style="color: #800000"><div class="btn btn2">></div> </span><span style="color: #008080">26</span> <span style="color: #800000"></div> </span><span style="color: #008080">27</span> <span style="color: #800000"></body> </span><span style="color: #008080">28</span> <span style="color: #800000"></html><br></span></pre> </div> <div class="cnblogs_code"> <pre class="brush:php;toolbar:false"><span style="color: #008080"> 1</span> <span style="color: #800000">*</span>{ <span style="color: #008080"> 2</span> <span style="color: #ff0000">margin</span>:<span style="color: #0000ff">0px</span>; <span style="color: #008080"> 3</span> <span style="color: #ff0000">padding</span>:<span style="color: #0000ff">0px</span>; <span style="color: #008080"> 4</span> <span style="color: #ff0000">list-style-type</span>:<span style="color: #0000ff">none</span>; <span style="color: #008080"> 5</span> } <span style="color: #008080"> 6</span> <span style="color: #800000">#dlunbo</span>{ <span style="color: #008080"> 7</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">500px</span>; <span style="color: #008080"> 8</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">330px</span>; <span style="color: #008080"> 9</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>; <span style="color: #008080">10</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">50%</span>; <span style="color: #008080">11</span> <span style="color: #ff0000">margin-top</span>:<span style="color: #0000ff">-166px</span>; <span style="color: #008080">12</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">50%</span>; <span style="color: #008080">13</span> <span style="color: #ff0000">margin-left</span>:<span style="color: #0000ff">-250px</span>; <span style="color: #008080">14</span> } <span style="color: #008080">15</span> <span style="color: #800000">.ig</span>{ <span style="color: #008080">16</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>; <span style="color: #008080">17</span> } <span style="color: #008080">18</span> <span style="color: #800000">img</span>{ <span style="color: #008080">19</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">500px</span>; <span style="color: #008080">20</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">330px</span>; <span style="color: #008080">21</span> } <span style="color: #008080">22</span> <span style="color: #800000">#tabs</span>{ <span style="color: #008080">23</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>; <span style="color: #008080">24</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">300px</span>; <span style="color: #008080">25</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">200px</span>; <span style="color: #008080">26</span> } <span style="color: #008080">27</span> <span style="color: #800000">.tab</span>{ <span style="color: #008080">28</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">20px</span>; <span style="color: #008080">29</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">20px</span>; <span style="color: #008080">30</span> <span style="color: #ff0000">border</span>:<span style="color: #0000ff">solid 1px #ffffff</span>; <span style="color: #008080">31</span> <span style="color: #ff0000">float</span>:<span style="color: #0000ff">left</span>; <span style="color: #008080">32</span> <span style="color: #ff0000">margin-left</span>:<span style="color: #0000ff">5px</span>; <span style="color: #008080">33</span> <span style="color: #ff0000">border-radius</span>:<span style="color: #0000ff">100%</span>; <span style="color: #008080">34</span> <span style="color: #ff0000">cursor</span>:<span style="color: #0000ff">pointer</span>; <span style="color: #008080">35</span> } <span style="color: #008080">36</span> <span style="color: #800000">.btn</span>{ <span style="color: #008080">37</span> <span style="color: #ff0000">width</span>:<span style="color: #0000ff">30px</span>; <span style="color: #008080">38</span> <span style="color: #ff0000">height</span>:<span style="color: #0000ff">50px</span>; <span style="color: #008080">39</span> <span style="color: #ff0000">position</span>:<span style="color: #0000ff">absolute</span>; <span style="color: #008080">40</span> <span style="color: #ff0000">background</span>:<span style="color: #0000ff">rgba(0,0,0,0.5)</span>; <span style="color: #008080">41</span> <span style="color: #ff0000">color</span>:<span style="color: #0000ff">#fff</span>; <span style="color: #008080">42</span> <span style="color: #ff0000">text-align</span>:<span style="color: #0000ff">center</span>; <span style="color: #008080">43</span> <span style="color: #ff0000">line-height</span>:<span style="color: #0000ff">50px</span>; <span style="color: #008080">44</span> <span style="color: #ff0000">font-size</span>:<span style="color: #0000ff">30px</span>; <span style="color: #008080">45</span> <span style="color: #ff0000">top</span>:<span style="color: #0000ff">50%</span>; <span style="color: #008080">46</span> <span style="color: #ff0000">margin-top</span>:<span style="color: #0000ff">-25px</span>; <span style="color: #008080">47</span> <span style="color: #ff0000">cursor</span>:<span style="color: #0000ff">pointer</span>; <span style="color: #008080">48</span> } <span style="color: #008080">49</span> <span style="color: #800000">.btn1</span>{ <span style="color: #008080">50</span> <span style="color: #ff0000">left</span>:<span style="color: #0000ff">0px</span>; <span style="color: #008080">51</span> } <span style="color: #008080">52</span> <span style="color: #800000">.btn2</span>{ <span style="color: #008080">53</span> <span style="color: #ff0000">right</span>:<span style="color: #0000ff">0px</span>; <span style="color: #008080">54</span> }</pre> </div> <p> </p><p>Das obige ist der detaillierte Inhalt vonStatisches Karussell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Stellungnahme：</span><div>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</div></div></div><div class="nphpSytBox"><span>Vorheriger Artikel：<a class="dBlack" title="Ausführliche Erläuterung der CSS-Rahmeneigenschaft" href="http://m.php.cn/de/faq/374193.html">Ausführliche Erläuterung der CSS-Rahmeneigenschaft</a></span><span>Nächster Artikel：<a class="dBlack" title="Ausführliche Erläuterung der CSS-Rahmeneigenschaft" href="http://m.php.cn/de/faq/374279.html">Ausführliche Erläuterung der CSS-Rahmeneigenschaft</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>In Verbindung stehende Artikel</h2><em><a href="http://m.php.cn/de/article.html" class="bBlack"><i>Mehr sehen</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/de/faq/348757.html" title="Zusammenfassung der HTML-Kenntnisse" class="aBlack">Zusammenfassung der HTML-Kenntnisse</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348804.html" title="So lernen Sie schnell HTML" class="aBlack">So lernen Sie schnell HTML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348873.html" title="Der Unterschied zwischen HTML xHTML XML" class="aBlack">Der Unterschied zwischen HTML xHTML XML</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348884.html" title="Der Unterschied zwischen src- und href-Attributen" class="aBlack">Der Unterschied zwischen src- und href-Attributen</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/de/faq/348902.html" title="Über die Verwendung von HTML5 und CSS-Ersatz" class="aBlack">Über die Verwendung von HTML5 und CSS-Ersatz</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><p>Heim</p></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><p>Kurs</p></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><p>Fragen und Antworten</p></a></li><li><a href="http://m.php.cn/de/login"><b class="icon5"></b><p>Mein</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/de/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/de/"><b class="icon1"></b><span>Heim</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course.html"><b class="icon2"></b><span>Kurs</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/article.html"><b class="icon3"></b><span>Artikel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/wenda.html"><b class="icon4"></b><span>Fragen und Antworten</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/dic.html"><b class="icon6"></b><span>Wörterbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/course/type/99.html"><b class="icon7"></b><span>Handbuch</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/xiazai/"><b class="icon8"></b><span>Herunterladen</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/de/faq/zt" title="Thema"><b class="icon12"></b><span>Thema</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/de/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/de/" >Heim</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/article.html" class="hover">Artikel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/wenda.html" >Fragen und Antworten</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/course.html" >Kurs</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/faq/zt" >Thema</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/xiazai" >Herunterladen</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/game" >Spiel</a></div><div class="swiper-slide"><a href="http://m.php.cn/de/dic.html" >Wörterbuch</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:setlang('ko');" class="language course-right-orders chooselan " href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>