Melaksanakan penskalaan kotak teks dan fungsi pergerakan naik dan turun berdasarkan jQuery

Rumah
hujung hadapan web
tutorial js
Melaksanakan penskalaan kotak teks dan fungsi pergerakan naik dan turun berdasarkan jQuery_jquery
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
May 16, 2016 pm 04:30 PM
jquery kotak teks Zum
Jika anda ingin menjadikan halaman web anda lebih keren dan menjadikan ulasan anda lebih interaktif, sila kaji kod ini dengan teliti.
Kod jQuery:
Salin kod Kod adalah seperti berikut:
$(function(){ 

          var $comment = $('#comment');
              $('.bigger').klik(function(){ 

Jika(!$comment.is(":animasi")){ 

If($comment.height() < 500){ 

//$comment.height($comment.height() 50);
$comment.animate({ketinggian:" =50"},400);
                                                                                                                                                                                                                                                   
                                                                                     
           }); 

                $('.smaller').klik(function(){ 

Jika(!$comment.is(":animasi")){ 

If($comment.height() > 50){ 

//$comment.height($comment.height() - 50);
$comment.animate({ketinggian:"-=50"},400);
                                                                                                                                                                                                                                       
                                                                                   
            }); 

                $('.up').klik(function(){ 

Jika(!$comment.is(":animasi")){ 

$comment.animate({scrollTop:"-=50"},400);
                                                                                     
            }); 

                $('.down').klik(function(){ 

Jika(!$comment.is(":animasi")){ 

                               $comment.animate({scrollTop:" =50"},400);
                                                                                   
            }); 

        });  



Kod HTML: 





Salin kod


 Kod adalah seperti berikut:



& Lt; kelas span = "lebih besar" & gt;
& Lt; kelas span = "lebih kecil" & gt;
& Lt; kelas span = "naik" & gt;
                                                                                                                                                                                                                                  … 

                                                                                                                                                                                                                                            
                                                                                              
                 Kos tenaga hidro Toner Tenaga Hidro Fa Safinsha mengedarkan sofa santai <br>
Apabila toner terbang rambut sofa rambut sofa <br>
Kos tenaga hidro Toner Tenaga Hidro Fa Safin Sands untuk berehat dan merehatkan sofa <br>
Apabila toner terbang rambut sofa rambut sofa <br>
                                                                                     
                                                                                                                                                      
</div><br>
<br><br>
<br>Kod CSS: <br>
<br><br><br><br><br>Salin kod</div>
<p> Kod adalah seperti berikut:</p>
<p></p>
<div class="codetitle">
.lebih besar , .bawah , .atas , .lebih kecil{ <span>
Warna latar belakang: #f1a55c;
} <a style="CURSOR: pointer" data="64574" class="copybut" id="copybut64574" onclick="doCopy('code64574')">
<u></u>
</a>Kod itu ada di sini, saya tidak akan menerangkan secara terperinci tentang cara menggunakannya dan tempat untuk menggunakannya. </span>
</div>
</div>


						</div>
					</div>
					<div class="wzconShengming_sp">
						<div class="bzsmdiv_sp">Kenyataan Laman Web ini</div>
						<div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div>
					</div>
				</div>

				<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5902227090019525"
     data-ad-slot="2507867629"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>


				<div class="AI_ToolDetails_main4sR">


				<ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-5902227090019525"
        data-ad-slot="3653428331"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
    <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


					<!-- <div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Artikel Panas</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796780570.html" title="R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 minggu yang lalu</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796775427.html" title="Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?" class="phpgenera_Details_mainR4_bottom_title">Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796775336.html" title="R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796780641.html" title="R.E.P.O. Tetapan grafik terbaik" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Tetapan grafik terbaik</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 minggu yang lalu</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796785841.html" title="Assassin's Creed Shadows: Penyelesaian Riddle Seashell" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Penyelesaian Riddle Seashell</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 minggu yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ms/article.html">Tunjukkan Lagi</a>
							</div>
						</div>
					</div> -->


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Alat AI Hot</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411540686492.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undresser.AI Undress" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/ai/undresserai-undress" title="Undresser.AI Undress" class="phpmain_tab2_mids_title">
													<h3>Undresser.AI Undress</h3>
												</a>
												<p>Apl berkuasa AI untuk mencipta foto bogel yang realistik</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411552797167.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Clothes Remover" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/ai/ai-clothes-remover" title="AI Clothes Remover" class="phpmain_tab2_mids_title">
													<h3>AI Clothes Remover</h3>
												</a>
												<p>Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173410641626608.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Undress AI Tool" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/ai/undress-ai-tool" title="Undress AI Tool" class="phpmain_tab2_mids_title">
													<h3>Undress AI Tool</h3>
												</a>
												<p>Gambar buka pakaian secara percuma</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173411529149311.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="Clothoff.io" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/ai/clothoffio" title="Clothoff.io" class="phpmain_tab2_mids_title">
													<h3>Clothoff.io</h3>
												</a>
												<p>Penyingkiran pakaian AI</p>
											</div>
										</div>
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/ai_manual/001/246/273/173405034393877.jpg?x-oss-process=image/resize,m_fill,h_50,w_50" src="/static/imghw/default1.png" alt="AI Hentai Generator" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/ai/ai-hentai-generator" title="AI Hentai Generator" class="phpmain_tab2_mids_title">
													<h3>AI Hentai Generator</h3>
												</a>
												<p>Menjana ai hentai secara percuma.</p>
											</div>
										</div>
																</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a>
								</div>
							</div>
						</div>
					

					<script src="https://sw.php.cn/hezuo/cac1399ab368127f9b113b14eb3316d0.js" type="text/javascript"></script>

					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Artikel Panas</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796780570.html" title="R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 minggu yang lalu</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796775427.html" title="Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?" class="phpgenera_Details_mainR4_bottom_title">Berapa lama masa yang diperlukan untuk mengalahkan fiksyen berpecah?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796775336.html" title="R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Simpan Fail Lokasi: Di ​​manakah & bagaimana untuk melindunginya?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 bulan yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796780641.html" title="R.E.P.O. Tetapan grafik terbaik" class="phpgenera_Details_mainR4_bottom_title">R.E.P.O. Tetapan grafik terbaik</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>2 minggu yang lalu</span>
										<span>By 尊渡假赌尊渡假赌尊渡假赌</span>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/1796785841.html" title="Assassin's Creed Shadows: Penyelesaian Riddle Seashell" class="phpgenera_Details_mainR4_bottom_title">Assassin's Creed Shadows: Penyelesaian Riddle Seashell</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<span>1 minggu yang lalu</span>
										<span>By DDD</span>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ms/article.html">Tunjukkan Lagi</a>
							</div>
						</div>
					</div>


											<div class="phpgenera_Details_mainR3">
							<div class="phpmain1_4R_readrank">
								<div class="phpmain1_4R_readrank_top">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/hottools2.png" alt="" />
									<h2>Alat panas</h2>
								</div>
								<div class="phpgenera_Details_mainR3_bottom">
																		<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab96f0f39f7357.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Notepad++7.3.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/toolset/development-tools/92" title="Notepad++7.3.1" class="phpmain_tab2_mids_title">
													<h3>Notepad++7.3.1</h3>
												</a>
												<p>Editor kod yang mudah digunakan dan percuma</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97a3baad9677.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Cina" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/toolset/development-tools/93" title="SublimeText3 versi Cina" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 versi Cina</h3>
												</a>
												<p>Versi Cina, sangat mudah digunakan</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58ab97ecd1ab2670.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Hantar Studio 13.0.1" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/toolset/development-tools/121" title="Hantar Studio 13.0.1" class="phpmain_tab2_mids_title">
													<h3>Hantar Studio 13.0.1</h3>
												</a>
												<p>Persekitaran pembangunan bersepadu PHP yang berkuasa</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d0e0fc74683535.jpg?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="Dreamweaver CS6" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/toolset/development-tools/469" title="Dreamweaver CS6" class="phpmain_tab2_mids_title">
													<h3>Dreamweaver CS6</h3>
												</a>
												<p>Alat pembangunan web visual</p>
											</div>
										</div>
																			<div class="phpmain_tab2_mids_top">
											<a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_top_img">
												<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
													class="lazy"  data-src="https://img.php.cn/upload/manual/000/000/001/58d34035e2757995.png?x-oss-process=image/resize,m_fill,h_50,w_72" src="/static/imghw/default1.png" alt="SublimeText3 versi Mac" />
											</a>
											<div class="phpmain_tab2_mids_info">
												<a href="https://www.php.cn/ms/toolset/development-tools/500" title="SublimeText3 versi Mac" class="phpmain_tab2_mids_title">
													<h3>SublimeText3 versi Mac</h3>
												</a>
												<p>Perisian penyuntingan kod peringkat Tuhan (SublimeText3)</p>
											</div>
										</div>
																	</div>
								<div class="phpgenera_Details_mainR3_more">
									<a href="https://www.php.cn/ms/ai">Tunjukkan Lagi</a>
								</div>
							</div>
						</div>
										

					
					<div class="phpgenera_Details_mainR4">
						<div class="phpmain1_4R_readrank">
							<div class="phpmain1_4R_readrank_top">
								<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
									src="/static/imghw/hotarticle2.png" alt="" />
								<h2>Topik panas</h2>
							</div>
							<div class="phpgenera_Details_mainR4_bottom">
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/gmailyxdlrkzn" title="Di manakah pintu masuk log masuk untuk e-mel gmail?" class="phpgenera_Details_mainR4_bottom_title">Di manakah pintu masuk log masuk untuk e-mel gmail?</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>7400</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>15</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/java-tutorial" title="Tutorial Java" class="phpgenera_Details_mainR4_bottom_title">Tutorial Java</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1630</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>14</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/cakephp-tutor" title="Tutorial CakePHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial CakePHP</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1358</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>52</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/laravel-tutori" title="Tutorial Laravel" class="phpgenera_Details_mainR4_bottom_title">Tutorial Laravel</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1268</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>25</span>
										</div>
									</div>
								</div>
															<div class="phpgenera_Details_mainR4_bottoms">
									<a href="https://www.php.cn/ms/faq/php-tutorial" title="Tutorial PHP" class="phpgenera_Details_mainR4_bottom_title">Tutorial PHP</a>
									<div class="phpgenera_Details_mainR4_bottoms_info">
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/eyess.png" alt="" />
											<span>1217</span>
										</div>
										<div class="phpgenera_Details_mainR4_bottoms_infos">
											<img src="/static/imghw/tiezi.png" alt="" />
											<span>29</span>
										</div>
									</div>
								</div>
														</div>
							<div class="phpgenera_Details_mainR3_more">
								<a href="https://www.php.cn/ms/faq/zt">Tunjukkan Lagi</a>
							</div>
						</div>
					</div>
				</div>
			</div>
							<div class="Article_Details_main2">
					<div class="phpgenera_Details_mainL4">
						<div class="phpmain1_2_top">
							<a href="javascript:void(0);" class="phpmain1_2_top_title">Related knowledge<img
									src="/static/imghw/index2_title2.png" alt="" /></a>
						</div>
						<div class="phpgenera_Details_mainL4_info">

													<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/756939.html" title="Isu zum Safari pada iPhone: Inilah penyelesaiannya" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/171357168263654.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Isu zum Safari pada iPhone: Inilah penyelesaiannya" />
								</a>
								<a href="https://www.php.cn/ms/faq/756939.html" title="Isu zum Safari pada iPhone: Inilah penyelesaiannya" class="phphistorical_Version2_mids_title">Isu zum Safari pada iPhone: Inilah penyelesaiannya</a>
								<span class="Articlelist_txts_time">Apr 20, 2024 am	 08:08 AM</span>
								<p class="Articlelist_txts_p">Jika anda tidak mempunyai kawalan ke atas tahap zum dalam Safari, menyelesaikan sesuatu boleh menjadi sukar. Jadi jika Safari kelihatan dizum keluar, itu mungkin menjadi masalah untuk anda. Berikut ialah beberapa cara anda boleh membetulkan isu zum kecil ini dalam Safari. 1. Pembesaran kursor: Pilih "Paparan" > "Pembesaran kursor" dalam bar menu Safari. Ini akan menjadikan kursor lebih kelihatan pada skrin, menjadikannya lebih mudah untuk dikawal. 2. Gerakkan tetikus: Ini mungkin kedengaran mudah, tetapi kadangkala hanya menggerakkan tetikus ke lokasi lain pada skrin boleh mengembalikannya ke saiz normal secara automatik. 3. Gunakan Pintasan Papan Kekunci Betulkan 1 – Tetapkan Semula Tahap Zum Anda boleh mengawal tahap zum terus daripada penyemak imbas Safari. Langkah 1 – Apabila anda berada di Safari</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/714043.html" title="Bagaimana untuk mengezum halaman sebelah menyebelah dalam perkataan" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/171084716734976.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk mengezum halaman sebelah menyebelah dalam perkataan" />
								</a>
								<a href="https://www.php.cn/ms/faq/714043.html" title="Bagaimana untuk mengezum halaman sebelah menyebelah dalam perkataan" class="phphistorical_Version2_mids_title">Bagaimana untuk mengezum halaman sebelah menyebelah dalam perkataan</a>
								<span class="Articlelist_txts_time">Mar 19, 2024 pm	 07:19 PM</span>
								<p class="Articlelist_txts_p">Apabila kami menggunakan dokumen perkataan untuk mengedit fail, kadang-kadang terdapat banyak halaman Kami ingin memaparkannya secara bersebelahan dan menyemak kesan keseluruhannya, tetapi kerana kami tidak tahu bagaimana untuk beroperasi, kami sering perlu menatal untuk masa yang lama untuk melihat halaman demi halaman. Saya tidak tahu sama ada anda pernah mengalami situasi yang sama, sebenarnya, kita boleh menyelesaikannya dengan mudah pada masa ini selagi kita belajar cara menetapkan perkataan zum halaman sebelah menyebelah. Di bawah, mari kita lihat dan belajar bersama. Mula-mula, kami mencipta dan membuka halaman baharu dalam dokumen Word, dan kemudian masukkan beberapa kandungan mudah untuk memudahkannya dibezakan. 2. Sebagai contoh, jika kita ingin merealisasikan zum perkataan dan paparan sebelah menyebelah, kita perlu mencari [Lihat] dalam bar menu, dan kemudian pilih [Multiple Pages] dalam pilihan alat paparan, seperti yang ditunjukkan dalam rajah. di bawah: 3. Cari [Multiple Pages] dan klik,</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/722307.html" title="Petua penyuntingan dokumen perkataan: Jadikan dua halaman kandungan menjadi satu" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/171136116815318.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Petua penyuntingan dokumen perkataan: Jadikan dua halaman kandungan menjadi satu" />
								</a>
								<a href="https://www.php.cn/ms/faq/722307.html" title="Petua penyuntingan dokumen perkataan: Jadikan dua halaman kandungan menjadi satu" class="phphistorical_Version2_mids_title">Petua penyuntingan dokumen perkataan: Jadikan dua halaman kandungan menjadi satu</a>
								<span class="Articlelist_txts_time">Mar 25, 2024 pm	 06:06 PM</span>
								<p class="Articlelist_txts_p">Dalam dokumen Microsoft Word, anda sering menghadapi situasi menggabungkan dua halaman kandungan menjadi satu halaman, terutamanya apabila anda perlu menyimpan kertas atau apabila anda perlu mencetak dokumen dua muka. Beberapa kaedah biasa untuk mencapai matlamat ini akan diperkenalkan di bawah. Kaedah 1: Laraskan margin halaman Mula-mula buka dokumen Word dan cari pilihan "Layout Halaman" dalam bar menu Selepas mengklik, menu tetapan susun atur halaman akan muncul. Di sini anda boleh melaraskan jidar halaman, termasuk jidar atas, bawah, kiri dan kanan. Secara umumnya, menjadikan margin atas dan bawah lebih kecil akan membolehkan kandungan dimuatkan dalam satu halaman. anda boleh rasa</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/692694.html" title="Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/000/164/170910433346845.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?" />
								</a>
								<a href="https://www.php.cn/ms/faq/692694.html" title="Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?" class="phphistorical_Version2_mids_title">Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery?</a>
								<span class="Articlelist_txts_time">Feb 28, 2024 pm	 03:12 PM</span>
								<p class="Articlelist_txts_p">Bagaimana untuk menggunakan kaedah permintaan PUT dalam jQuery? Dalam jQuery, kaedah menghantar permintaan PUT adalah serupa dengan menghantar jenis permintaan lain, tetapi anda perlu memberi perhatian kepada beberapa butiran dan tetapan parameter. Permintaan PUT biasanya digunakan untuk mengemas kini sumber, seperti mengemas kini data dalam pangkalan data atau mengemas kini fail pada pelayan. Berikut ialah contoh kod khusus menggunakan kaedah permintaan PUT dalam jQuery. Mula-mula, pastikan anda memasukkan fail perpustakaan jQuery, kemudian anda boleh menghantar permintaan PUT melalui: $.ajax({u</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/692099.html" title="Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170908075260378.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?" />
								</a>
								<a href="https://www.php.cn/ms/faq/692099.html" title="Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?" class="phphistorical_Version2_mids_title">Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery?</a>
								<span class="Articlelist_txts_time">Feb 28, 2024 am	 08:39 AM</span>
								<p class="Articlelist_txts_p">Bagaimana untuk mengalih keluar atribut ketinggian elemen dengan jQuery? Dalam pembangunan bahagian hadapan, kita sering menghadapi keperluan untuk memanipulasi atribut ketinggian elemen. Kadangkala, kita mungkin perlu menukar ketinggian unsur secara dinamik, dan kadangkala kita perlu mengalih keluar atribut ketinggian unsur. Artikel ini akan memperkenalkan cara menggunakan jQuery untuk mengalih keluar atribut ketinggian elemen dan memberikan contoh kod khusus. Sebelum menggunakan jQuery untuk mengendalikan atribut ketinggian, kita perlu terlebih dahulu memahami atribut ketinggian dalam CSS. Atribut ketinggian digunakan untuk menetapkan ketinggian elemen</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/715340.html" title="Bagaimana untuk membesarkan atau mengurangkan keseluruhan jadual excel" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/171092616752132.png?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Bagaimana untuk membesarkan atau mengurangkan keseluruhan jadual excel" />
								</a>
								<a href="https://www.php.cn/ms/faq/715340.html" title="Bagaimana untuk membesarkan atau mengurangkan keseluruhan jadual excel" class="phphistorical_Version2_mids_title">Bagaimana untuk membesarkan atau mengurangkan keseluruhan jadual excel</a>
								<span class="Articlelist_txts_time">Mar 20, 2024 pm	 05:16 PM</span>
								<p class="Articlelist_txts_p">Perkembangan teknologi komputer, teknologi rangkaian dan teknologi perisian telah memberikan prospek yang hebat untuk automasi pejabat. Operasi pejabat semasa kami boleh dijalankan secara elektronik, yang sangat menjimatkan masa operasi jadual Excel adalah operasi perisian yang biasa digunakan Kadang-kadang kami perlu membesarkan atau mengurangkan keseluruhan jadual excel berdasarkan masalah tetapan kertas, jika terdapat sebarang kaedah operasi yang boleh memenuhi keperluan kita, mari kita lihat kursus berikut. 1. Mula-mula buka perisian excel dan masukkan maklumat yang berkaitan, seperti yang ditunjukkan dalam rajah di bawah. 2. Kemudian klik ikon di sudut kanan bawah dan gerakkannya ke kiri atau kanan Tanda tambah boleh mengezum masuk dan tanda tolak boleh mengezum keluar, seperti yang ditunjukkan dalam rajah di bawah. 3. Kaedah kedua juga boleh menggunakan ctrl + roda tetikus.</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/693182.html" title="Petua jQuery: Cepat ubah suai teks semua teg pada halaman" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/887/227/170912557218266.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Petua jQuery: Cepat ubah suai teks semua teg pada halaman" />
								</a>
								<a href="https://www.php.cn/ms/faq/693182.html" title="Petua jQuery: Cepat ubah suai teks semua teg pada halaman" class="phphistorical_Version2_mids_title">Petua jQuery: Cepat ubah suai teks semua teg pada halaman</a>
								<span class="Articlelist_txts_time">Feb 28, 2024 pm	 09:06 PM</span>
								<p class="Articlelist_txts_p">Tajuk: Petua jQuery: Cepat ubah suai teks semua teg pada halaman Dalam pembangunan web, kita selalunya perlu mengubah suai dan mengendalikan elemen pada halaman. Apabila menggunakan jQuery, kadangkala anda perlu mengubah suai kandungan teks semua teg dalam halaman sekaligus, yang boleh menjimatkan masa dan tenaga. Berikut akan memperkenalkan cara menggunakan jQuery untuk mengubah suai teks semua teg pada halaman dengan cepat, dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan fail perpustakaan jQuery dan memastikan bahawa kod berikut dimasukkan ke dalam halaman: &lt</p>
							</div>
														<div class="phphistorical_Version2_mids">
								<a href="https://www.php.cn/ms/faq/692928.html" title="Gunakan jQuery untuk mengubah suai kandungan teks semua teg" class="phphistorical_Version2_mids_img">
									<img onerror="this.onerror=''; this.src='/static/imghw/default1.png'"
										src="/static/imghw/default1.png" class="lazy"  data-src="https://img.php.cn/upload/article/000/465/014/170911333171493.jpg?x-oss-process=image/resize,m_fill,h_207,w_330" alt="Gunakan jQuery untuk mengubah suai kandungan teks semua teg" />
								</a>
								<a href="https://www.php.cn/ms/faq/692928.html" title="Gunakan jQuery untuk mengubah suai kandungan teks semua teg" class="phphistorical_Version2_mids_title">Gunakan jQuery untuk mengubah suai kandungan teks semua teg</a>
								<span class="Articlelist_txts_time">Feb 28, 2024 pm	 05:42 PM</span>
								<p class="Articlelist_txts_p">Tajuk: Gunakan jQuery untuk mengubah suai kandungan teks semua teg jQuery ialah perpustakaan JavaScript yang popular yang digunakan secara meluas untuk mengendalikan operasi DOM. Dalam pembangunan web, kita sering menghadapi keperluan untuk mengubah suai kandungan teks tag pautan (tag) pada halaman. Artikel ini akan menerangkan cara menggunakan jQuery untuk mencapai matlamat ini dan memberikan contoh kod khusus. Pertama, kita perlu memperkenalkan perpustakaan jQuery ke dalam halaman. Tambahkan kod berikut dalam fail HTML:</p>
							</div>
													</div>

													<a href="https://www.php.cn/ms/web-designer.html" class="phpgenera_Details_mainL4_botton">
								<span>See all articles</span>
								<img src="/static/imghw/down_right.png" alt="" />
							</a>
											</div>
				</div>
					</div>
	</main>
	<footer>
    <div class="footer">
        <div class="footertop">
            <img src="/static/imghw/logo.png" alt="">
            <p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p>
        </div>
        <div class="footermid">
            <a href="https://www.php.cn/ms/about/us.html">Tentang kita</a>
            <a href="https://www.php.cn/ms/about/disclaimer.html">Penafian</a>
            <a href="https://www.php.cn/ms/update/article_0_1.html">Sitemap</a>
        </div>
        <div class="footerbottom">
            <p>
                © php.cn All rights reserved
            </p>
        </div>
    </div>
</footer>

<input type="hidden" id="verifycode" value="/captcha.html">
<script>layui.use(['element', 'carousel'], function () {var element = layui.element;$ = layui.jquery;var carousel = layui.carousel;carousel.render({elem: '#test1', width: '100%', height: '330px', arrow: 'always'});$.getScript('/static/js/jquery.lazyload.min.js', function () {$("img").lazyload({placeholder: "/static/images/load.jpg", effect: "fadeIn", threshold: 200, skip_invisible: false});});});</script>

<script src="/static/js/common_new.js"></script>
<script type="text/javascript" src="/static/js/jquery.cookie.js?1743951603"></script>
		<script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script>
	<link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css?2' 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 type="text/javascript" src="/static/js/global.min.js?5.5.53"></script>
	
	<script>
		var _paq = window._paq = window._paq || [];
		/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
		_paq.push(['trackPageView']);
		_paq.push(['enableLinkTracking']);
		(function () {
			var u = "https://tongji.php.cn/";
			_paq.push(['setTrackerUrl', u + 'matomo.php']);
			_paq.push(['setSiteId', '9']);
			var d = document,
				g = d.createElement('script'),
				s = d.getElementsByTagName('script')[0];
			g.async = true;
			g.src = u + 'matomo.js';
			s.parentNode.insertBefore(g, s);
		})();
	</script>

	
	<script>
		// top
		layui.use(function () {
			var util = layui.util;
			util.fixbar({
				on: {
					mouseenter: function (type) {
						layer.tips(type, this, {
							tips: 4,
							fixed: true,
						});
					},
					mouseleave: function (type) {
						layer.closeAll("tips");
					},
				},
			});
		});

		document.addEventListener("DOMContentLoaded", (event) => {
			// 定义一个函数来处理滚动链接的点击事件
			function setupScrollLink(scrollLinkId, targetElementId) {
				const scrollLink = document.getElementById(scrollLinkId);
				const targetElement = document.getElementById(targetElementId);

				if (scrollLink && targetElement) {
					scrollLink.addEventListener("click", (e) => {
						e.preventDefault(); // 阻止默认链接行为
						targetElement.scrollIntoView({
							behavior: "smooth"
						}); // 平滑滚动到目标元素
					});
				} else {
					console.warn(
						`Either scroll link with ID '${scrollLinkId}' or target element with ID '${targetElementId}' not found.`
						);
				}
			}

			// 使用该函数设置多个滚动链接
			setupScrollLink("Article_Details_main1L2s_1", "article_main_title1");
			setupScrollLink("Article_Details_main1L2s_2", "article_main_title2");
			setupScrollLink("Article_Details_main1L2s_3", "article_main_title3");
			setupScrollLink("Article_Details_main1L2s_4", "article_main_title4");
			setupScrollLink("Article_Details_main1L2s_5", "article_main_title5");
			setupScrollLink("Article_Details_main1L2s_6", "article_main_title6");
			// 可以继续添加更多的滚动链接设置
		});


		window.addEventListener("scroll", function () {
			var fixedElement = document.getElementById("Article_Details_main1Lmain");
			var scrollTop = window.scrollY || document.documentElement.scrollTop; // 兼容不同浏览器
			var clientHeight = window.innerHeight || document.documentElement.clientHeight; // 视口高度
			var scrollHeight = document.documentElement.scrollHeight; // 页面总高度

			// 计算距离底部的距离
			var distanceToBottom = scrollHeight - scrollTop - clientHeight;

			// 当距离底部小于或等于300px时，取消固定定位
			if (distanceToBottom <= 980) {
				fixedElement.classList.remove("Article_Details_main1Lmain");
				fixedElement.classList.add("Article_Details_main1Lmain_relative");
			} else {
				// 否则，保持固定定位
				fixedElement.classList.remove("Article_Details_main1Lmain_relative");
				fixedElement.classList.add("Article_Details_main1Lmain");
      		}
    	});

	
	</script>
</body>

</html>