網路城邦
回本城市首頁 依卡語法學院
市長:旅 者  副市長:
加入本城市推薦本城市加入我的最愛訂閱最新文章
udn城市人文藝術藝術天地【依卡語法學院】城市/討論區/
討論區基本語法 字體:
看回應文章  上一個討論主題 回文章列表 下一個討論主題
S形波浪語法
 瀏覽4,356|回應44推薦12

平安旅者
等級:8
留言加入好友
文章推薦人 (12)

【月‧獨酌】夜神泣
candy ~
嘟嘟.
Joson
快樂肥妞
多情醉愛
糖衣
立 li
星.
偉如優

more...

<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=.FF0000)" direction="up" height="390" width="600" scrollamount="2" scrolldelay="65"><center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_5366314_1.gif" /></center></marquee>

<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=.FF0000)" direction="down" height="390" width="600" scrollamount="2" scrolldelay="65"><center><img src="http://album.udn.com/community/img/PSN_PHOTO/jeffrey8869/f_5369146_1.gif" /></center></marquee>

回應 回應給此人 推薦文章 列印 加入我的文摘

引用
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4185331
 回應文章 頁/共5頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁
測試
推薦3


平安旅者
等級:8
留言加入好友

 
文章推薦人 (3)

快樂肥妞
寒峰
【月‧獨酌】夜神泣

<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=.FF0000)" direction="down" height="250" width="320" scrollamount="2" scrolldelay="65"><center><img src="http://city.udn.com/community/img/city/13747/CITY_PHOTO/NORMAL/f_427954_1.gif" /></center></marquee>

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4216940
來點音樂
推薦7


平安旅者
等級:8
留言加入好友

 
文章推薦人 (7)

星.
fen22179
【月‧獨酌】夜神泣
寒峰
快樂肥妞
立 li
多情醉愛

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4204057
習做^^
    回應給: 平安旅者(jeffrey8869) 推薦7


多情醉愛
等級:8
留言加入好友

 
文章推薦人 (7)

星.
【月‧獨酌】夜神泣
寒峰
快樂肥妞
立 li
旅 者
平安旅者



本文於 修改第 1 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4203961
這也是型波浪圖哦
    回應給: 平安旅者(jeffrey8869) 推薦6


快樂肥妞
等級:7
留言加入好友

 
文章推薦人 (6)

星.
寒峰
立 li
旅 者
多情醉愛
平安旅者

好像只適合黑底的圖喔~

本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4203608
習作
    回應給: 平安旅者(jeffrey8869) 推薦6


快樂肥妞
等級:7
留言加入好友

 
文章推薦人 (6)

星.
寒峰
立 li
旅 者
多情醉愛
平安旅者

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4203509
黑底作S形 圖形較明顯
推薦7


平安旅者
等級:8
留言加入好友

 
文章推薦人 (7)

星.
【月‧獨酌】夜神泣
寒峰
立 li
fen22179
多情醉愛
快樂肥妞

<marquee style="FILTER: wave(add=8,phase=0, freq=1,strength=35,color=#000000)" direction="up" height="400" width="750" scrollamount="2" scrolldelay="65"><center><img src="http://city.udn.com/community/img/city/13368/CITY_PHOTO/NORMAL/f_424881_1.gif" /></center></marquee>



本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4203200
多練習多測試..
    回應給: 立 li(li328638) 推薦6


寒峰
等級:8
留言加入好友

 
文章推薦人 (6)

快樂肥妞
星.
旅 者
平安旅者
多情醉愛
立 li

立師父.您好:

左移畫面是為了隱藏左邊波浪的黑影,寬度當以波浪大小為主.

第二張和第三張圖片超前2px是以掩蓋銜接的隙線為目標,測試過超前1px,似乎還有隙線存在,才改用2px,純粹視實際需要而設,沒有特殊數據...

語法很簡單,出現問題要如何運用語法解決才是最重要,多練習多測試,是進步的不二法門,別無捷徑...

回應 回應給此人 推薦文章 列印 加入我的文摘
感恩寒峰哥詳盡的解說,再請問…
    回應給: 寒峰(lkker) 推薦7


立 li
等級:7
留言加入好友

 
文章推薦人 (7)

【月‧獨酌】夜神泣
快樂肥妞
星.
旅 者
平安旅者
多情醉愛
寒峰

寒峰哥,謝謝您解說得如此詳盡,再請問:

因波浪強度strength=35,為了不讓左邊的浪痕出現,所以波動圖向左移35px,而左移的部分受za區塊限制,隱藏不出現。

是不是如果波浪強度數值更改多少,波動圖相對就往左移多少px的意思?

由於波動影響,跑馬圖片銜接出現一條隙線,為消除這個現象,將第二張和第  三張圖片,比正常設定位置各超前2px,以掩蓋銜接的隙線,

這裡指出的各超前2px,這個數值是用測試的嗎?是如何設定的呢?

本該自己作測試,但因待會要上課,明天又要去台中數日,需花點時間準備東西,所以測試的時間有限,就直接用提問的方式囉!對不起喔…,謝謝您!



本文於 修改第 2 次
回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4190393
語法說明...
    回應給: 立 li(li328638) 推薦6


寒峰
等級:8
留言加入好友

 
文章推薦人 (6)

快樂肥妞
星.
多情醉愛
立 li
旅 者
平安旅者

立師父.您好:


原圖檔  600x450 加上6px框線  整個區塊設定為 612x462
<div id="za" style="position:relative;top:0px;left:0px;width:612px;height:462px;border:6px double #38070E;background-color:#38070E;overflow:hidden">
縮小左移35px不讓它顯示,整個區塊改為:

<div id="za" style="position:relative;top:0px;left:0px;width:577px;height:462px;border:6px double #38070E;background-color:#38070E;overflow:hidden">

因波浪強度strength=35,為了不讓左邊的浪痕出現,所以波動圖向左移35px,而左移的部分受za區塊限制,隱藏不出現。
<div id="zb"  style="position:absolute;top:0px;left:0px;width:600px;height:450px;
改為:

<div id="zb"  style="position:absolute;top:0px;left:-35px;width:600px;height:450px;

由於波動影響,跑馬圖片銜接出現一條隙線,為消除這個現象,將第二張和第三張圖片,比正常設定位置各超前2px,以掩蓋銜接的隙線,
<img id="f1"    top:0px    height:450px 第三張跑馬圖
<img id="f2"    top:225px   height:450px 第二張跑馬圖
<img id="f3"    top:450px   height:450px 第一張跑馬圖
改為:

<img id="f1"    top:-4px   height:452px 第三張跑馬圖
<img id="f2"    top:223px   height:452px 第二張跑馬圖
<img id="f3"    top:450px   height:450px 第一張跑馬圖

為了彌補這超前的2px,圖片寬度從450px改為452px

以上是上跑的部分,下跑的部分道理相同,只是方向不同,圖片定位也不同,
<img id="u1"   top:-225px  height:450px    第三張跑馬圖
<img id="u2"   top:-450px  height:450px    第二張跑馬圖
<img id="u2"   top:-675px  height:450px 第一張跑馬圖
改為:

<img id="u1"   top:-229px  height:452px    第三張跑馬圖
<img id="u2"   top:-452px  height:452px    第二張跑馬圖
<img id="u2"   top:-675px  height:450px 第一張跑馬圖

這樣解釋明白嗎?如仍有疑問請提出,再予說明...

回應 回應給此人 推薦文章 列印 加入我的文摘
讚嘆您…,好神的寒峰哥!再請問…
    回應給: 寒峰(lkker) 推薦6


立 li
等級:7
留言加入好友

 
文章推薦人 (6)

快樂肥妞
星.
旅 者
寒峰
多情醉愛
平安旅者

漂亮潔淨的感覺真好,乾淨又俐落,慧心巧手的寒峰哥真的好神喔!

 <div id="za"    width:577px                      

                          width:612px

<div id="zb"     left:-35px                        

                          left:0px

<img id="f1"    top:-4px  height:452px      

                          top:0px   height:450px

<img id="f2"    top:223px   height:452px   

                          top:225px   height:450px

<div id="zc"     left:-35px                          

                          left:0px

<img id="u1"   top:-229px  height:452px    

                         top:-225px   height:450px

<img id="u2"   top:-452px  height:452px    

                          top:-450px    height:450px

 

紅色部分是寒峰哥的數據,藍色部分是我的數據。

請問寒峰哥,您的數字是依什麼作修正?有什麼依據可尋嗎?謝謝您!



本文於 修改第 2 次

回應 回應給此人 推薦文章 列印 加入我的文摘
引用網址:http://city.udn.com/forum/trackback.jsp?no=63947&aid=4189898
頁/共5頁 回應文章第一頁 回應文章上一頁 回應文章下一頁 回應文章最後一頁