欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

js實現(xiàn)圖片推拉門效果代碼實例-創(chuàng)新互聯(lián)

初學者。

成都網(wǎng)站建設哪家好，找成都創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、重慶網(wǎng)站建設公司、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。核心團隊均擁有互聯(lián)網(wǎng)行業(yè)多年經驗，服務眾多知名企業(yè)客戶；涵蓋的客戶類型包括：塑料袋等眾多領域，積累了大量豐富的經驗，同時也獲得了客戶的一致贊揚！

推拉門是網(wǎng)頁中常見的一種形式，通過JS實現(xiàn)比較簡單。主要是通過getElement找到節(jié)點元素，然后對其進行相應的賦值即可。

新建一個index.html文件，并在同一個目錄中添加三個文件夾，images(用來當作“門”的圖片），styles（用來存放css文件），scripts(用來存放js文件)。然后在index.html中添加代碼：


<!doctype html>
<html>
	<head>
	<meta charset="utf-8"/>
	<title>sliding doors</title>
	<link rel="stylesheet" href="styles/doors.css" rel="external nofollow" />
	<script src="scripts/doors.js"></script>
	</head>
	<body>
		<div id="container">
			<img src="images/door1.jpg" alt="柯南" title="柯南"/>
			<img src="images/door2.jpg" alt="柯南" title="柯南"/>
			<img src="images/door3.jpg" alt="柯南" title="柯南"/>
			<img src="images/door4.jpg" alt="柯南" title="柯南"/>
		</div>
	</body>
</html>

分享標題：js實現(xiàn)圖片推拉門效果代碼實例-創(chuàng)新互聯(lián)
標題鏈接：http://chinadenli.net/article8/dgggip.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站建設、建站公司、網(wǎng)站排名、微信公眾號、App開發(fā)、移動網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

微信小程序開發(fā)