徐嘉裕(Neil Hsu)的工作心得網誌!

 如果要做一個像下圖這樣的風車順時鐘一直重複選轉 可以用以下的CSS方法達成： HTML結構 <div id="bottompagerimg"> <div id='windmillbox01'></div> //旋轉風車圖片 <div id='windmillbox02'></div>  //底下支架 </div>   CSS結構 #bottompagerimg {  //物件父層BOX設定 position: absolute; width: 282px; height: 306px; right: 89px; top: -289px; z-index: 20; } #windmillbox01{  //風車設定 position: absolute; top: 0px; width: 276px; height: 276px; background: url(../../img/blocks/shiangan_46.png) no-repeat left top; animation-duration: 3.5s; /*執行時間*/ animation-fill-mode: forwards;    animation-name: windmillbox; animation-timing-function: linear;  /*相同的速度*/ animation-iteration-count: infinite;  /*動畫重複執行*/ z-index: 5; } @keyframes windmillbox {  //風車動畫 0% { transform:rotate(0deg); } 50% { transform:rotate(180deg); } 100% { transform:rotate(360deg); } } #windmillbox02{   //風車支架設定 position: absolute;  width: 20px; height: 120px; bottom: 0px; left: 125px; background: url(../../img/

通常來說如果需要切割字串在後端php用preg_split就能處理好了，所以很少會需要在smarty上做切割字串，不過還是會有特殊情況， 例如在Xoops某個區塊標題輸入  最新消息 - Latest publicnotice 然後需要以 - 為中心切割成兩個字串，就是顯示(最新消息 及  Latest publicnotice) 但Xoops的區塊標題都是輸出成smarty樣版的，也就是<{$block.title}>，要處理還真的很麻煩，如果能在smarty上切割字串問題或許就好解決了!! 上網拜估狗大神發現一個不錯的方法，用explode可以切割smarty字串 <{assign var="blocktitle" value="-"|explode:$block.title}> 要切割字串的標題：最新消息-Latest publicnotice <{$blocktitle[0]}>  顯示：最新消息 <{$blocktitle[1]}>  顯示：Latest publicnotice 這樣問題就解決了，會這樣用是因為手機版介面不需要顯示那麼長的文字，所以吧英文的部份去掉留下中文就好，有需要的朋友參考看看吧!! 工作心的撰寫： 徐嘉裕 neil hsu