スライダーDEMO

left
right

♣必要なファイル【demo.zjp】をダウンロード

解凍するとできるフォルダ
images(画像がはいっているフォルダ)
css
  • slider.css(slider.ｊｓを使う用のｃｓｓファイル)
js
  • jquery.easing.1.3.js（イ―ジングさせるためのｊｓファイル）
  • slider.js( スライダー用のｊｓファイル)

♣ それぞれのフォルダを練習用フォルダに配置してください。（フォルダ名はjQ_lesson01）

●jQ_lesson01
images
css
js

♣ index.htmlを作りましょう（配置場所はjQ_lesson01フォルダ直下）

下記のコードは<body>内に書いてください。 

				

					
スライダーDEMO

					

					    
    
					        
    • 
					        
    • 
					        
    • 
					        
    • 
					    

					    
left

					    
right

♣ index.htmlの<head>内に下記のコードを書きましょう。