追蹤
♥楓葉零のFLASH樂園♥
關於部落格
最近楓葉換了工作,所以粉少更新部落格!希望支持楓葉的妹妹以及好朋友們能諒解哦^^
  • 265161

    累積人氣

  • 0

    今日人氣

    17

    追蹤人氣

【語法教學】利用語法 自己做動畫式分格線

說穿了這只是將一般HTML語法應用到部落中,很簡單唷!

剛好在素材庫看到就先拿幾個來說說唄^.^


※ 個人覺得若是將GIF動畫式圖片應用在這裡,會讓效果更好。



{一.} 讓圖片【由往左走動】之語法:

 用這張圖示範→ 
 示範效果↓



++++++++++++++++++++++++++++++++++++++++++


{一.}【由右往左走動】語法註解:

<marquee>

<img src="圖片的網址" width="圖片的寬度" height="圖片的高度">
</marquee>

語法複製修改時,要注意不可斷行唷!


※ 補充說明:

不加其他語法的時候等於默認圖片 "由右向左"。




{二.} 讓圖片【~指定範圍內捲動~由往左走動】:

 用這張圖示範→   

 示範效果↓


++++++++++++++++++++++++++++++++++++++++++

{二.}【~指定範圍內捲動~由右往左走動】
         語法註解:


<marquee width="圖片捲動的範圍(寬)">
<img src="圖片的網址" width="圖片的寬度" height="圖片的高度">
</marquee>

語法複製修改時,要注意不可斷行唷!


※ 補充說明:

A. 當不指定範圍時,圖片動作的範圍則默認頁面之寬度。
    如圖示範{一}

B. 當把 <marquee width="圖片捲動的範圍(寬)">  加入 direction="right" 時,
    變成 → <marquee direction="right" width="圖片捲動的範圍(寬)">
    就變成~~設定捲動範圍並讓圖片 "由左往右" 捲動。

C. 以上示範範圍=400px



{三.} 讓圖片【由左往右走動】之語法:

 用這張圖示範→   

 示範效果↓


++++++++++++++++++++++++++++++++++++++++++



{三.}【由左往右走動】語法註解:

<marquee direction="right">
<marquee width="動作圖片捲動的範圍(寬)">
<img src="圖片的網址" width="圖片的寬度" height="圖片的高度">
</marquee>

語法複製修改時,要注意不可斷行唷!

 


※ 補充說明:

<marquee direction="right"> 
這句是在圖片捲動的基本語法裡加上  direction="right"  ,
加上這句語法代表圖片 "由左向右"。




{四.} 讓圖片【~指定捲動速度~由往左走動】:

 用這張圖示範→   

 示範效果↓


++++++++++++++++++++++++++++++++++++++++++

{四.}【~指定捲動速度~由右往左走動】
         語法註解:

<marquee scrollAmount="圖片捲動速度(數字)"><img src="圖片的網址" width="圖片的寬度" height="圖片的高度">
</marquee>

語法複製修改時,要注意不可斷行唷!


※ 補充說明:
這句裡的  scrollAmount="(數字)"  就是代表走動速度。
設定數值 1~100。
示範數值=20


張貼語法會因編版而有段行的可能,請將語法複製貼在記事
本中修改時,在【格式(O)】中取消「自動換行」,並注意語
法是否為整串句子。




 引用帶走請回應告知,這是禮貌也是尊重唷

 
相簿設定
標籤設定
相簿狀態