Heim > Web-Frontend > js-Tutorial > Hauptteil

jQuery realisiert die automatische 360-Grad-Rotation des Produkts, um den Quellcode für Spezialeffekte zu teilen_jquery

WBOY
Freigeben: 2016-05-16 15:43:48
Original
1762 Leute haben es durchsucht

Dies ist ein Spezialeffektcode für die automatische 360-Grad-Rotationsanzeige von Produkten auf Basis von jQuery. Er kann Produkte in 360-Grad-Rotation anzeigen, sodass Kunden alle Erscheinungsbilddetails des Produkts besser verstehen können.

jQuery-Produkt-360-Grad-Rotationsanzeigecode unterstützt das Vorladen und kann Produktbilder schnell und umfassend in der Vorschau anzeigen. Dieser Code ist mit der neuesten Version kompatibel Ein sehr ausgezeichneter Quellcode für Spezialeffekte für alle Arten von Mainstream-Browsern.

Laufendes Effektdiagramm:---------------------------------Effektansicht Quellcode-Download---------------------------------

Der Code, um Ihnen den automatischen 360-Grad-Rotationsanzeigeeffekt der von jQuery implementierten Produkte mitzuteilen, lautet wie folgt

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery产品360度旋转展示代码</title>
<link href="360show.css" rel="stylesheet" type="text/css">

<script src="jquery.min.js"></script>
<script type="text/javascript" src="360show.js" ></script>
</head>
<body>
<div id="box-wrapper">
 <div class="box-control box-control-left"><a title="顺时针转动" href="javascript:void(0)" class="prev" id="prev"></a></div>
 <div id="mask"><em class="loading">
  <p>loading</p>
  </em></div>
 <div id="box" path_pattern='img/###.png'></div>
 <div id="imgbox"></div>
 <div class="box-control box-control-right"><a title="逆时针转动" href="javascript:void(0)" class="next" id="next"></a></div>
</div>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.</p>

</div>
</body>
</html>
Nach dem Login kopieren

Das Obige ist der von jQuery implementierte automatische 360-Grad-Rotationsanzeige-Spezialeffektcode, den ich mit Ihnen teilen möchte.

Verwandte Etiketten:
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