<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>SR網頁設計工作室 - 購物網站/企業官網專業開發 - JS程式語法</title>
    <link>http://srdesign.com.tw/design/forum-63-1.html</link>
    <description>Latest 20 threads of JS程式語法</description>
    <copyright>Copyright(C) SR網頁設計工作室 - 購物網站/企業官網專業開發</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Wed, 02 Sep 2026 05:59:27 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>http://srdesign.com.tw/design/static/image/common/logo_88_31.gif</url>
      <title>SR網頁設計工作室 - 購物網站/企業官網專業開發</title>
      <link>http://srdesign.com.tw/design/</link>
    </image>
    <item>
      <title>[網站美化] 圖片連結失效時隱藏失效圖片的圖示</title>
      <link>http://srdesign.com.tw/design/thread-668-1-1.html</link>
      <description><![CDATA[有時候網站圖片失效時 , 會顯示一堆醜醜的圖片icon , 其實可以透過簡單的JS或JQ的語法將它隱藏起來 , 有需要的朋友可以參考以下語法。

JS (指定ID或Class)JQ (指定ID或Class)JQ (整站失效的圖片全隱藏)HTML (直接寫入o ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201604/15/072630ws3mquk9cqfxdsc9.jpg" length="20467" type="image/jpeg" />      <pubDate>Fri, 15 Apr 2016 07:27:29 +0000</pubDate>
    </item>
    <item>
      <title>Javascript 載入頁面後自動重新整理一次頁面</title>
      <link>http://srdesign.com.tw/design/thread-621-1-1.html</link>
      <description><![CDATA[最近剛好有碰到這個需求 , 本來以為應該是件簡單的事情 , 但沒想到還蠻有學問的 ! 

以下分享給大家 , 谷歌大神給的解答 ~ 

裡面有非常多各式各樣不同的解決方法 , 看看哪些適合你的使用狀況吧 ~
 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201510/04/145505vs75techjes75zh7.png" length="77521" type="image/jpeg" />      <pubDate>Sun, 04 Oct 2015 14:55:11 +0000</pubDate>
    </item>
    <item>
      <title>jQuery 區塊開合(點擊隱藏/顯示)(視窗開合效果</title>
      <link>http://srdesign.com.tw/design/thread-568-1-1.html</link>
      <description><![CDATA[分享一個目前網頁中常見的開合視窗效果 . 這個功能最常被應用於Q&amp;A頁面中 , 要製作這類型的效果 , 目前最簡便的方式 , 就是使用jQuery 的 slideToggle 函數 , 可以快速實踐本功能 , 下面就直接看實作吧 ! 

下方實作中將s ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201507/15/080732ipxb7x3b7mn637mm.jpg" length="47737" type="image/jpeg" />      <pubDate>Wed, 15 Jul 2015 08:07:59 +0000</pubDate>
    </item>
    <item>
      <title>欄位輸入自動換行 (信用卡號輸入範例) 限制數字,字數</title>
      <link>http://srdesign.com.tw/design/thread-567-1-1.html</link>
      <description><![CDATA[很久沒發文了 , 最近剛好在某些網路購物進行信用卡輸入卡號時 , 發現很多間銀行的刷卡介面 , 卡號輸入製作的不是很流暢 , 因為不會自動換欄 , 還需要再用滑鼠移動過去點擊欄位 , 因此就延伸出寫這篇小應用的想法 .
以信用 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201507/15/060708ufynftultnnmwnw3.jpg" length="15226" type="image/jpeg" />      <pubDate>Wed, 15 Jul 2015 06:07:21 +0000</pubDate>
    </item>
    <item>
      <title>超實用Jquery Slide (物件跑馬燈) 套件 - jCarouselLite</title>
      <link>http://srdesign.com.tw/design/thread-560-1-1.html</link>
      <description><![CDATA[先來說說為什麼會推薦 jCarouselLite 這套件 , 一套優良的JQ套件 , 其實不外乎就是要易用、不要有複雜的CSS和階層、不要多太多的JS嵌套影響到執行效率、可客製調整功能效果多樣，以上優點 jCarouselLite 剛好都有 , 不過 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201506/05/053635bdr5cr9vicdpdrhp.jpg" length="38477" type="image/jpeg" />      <pubDate>Fri, 05 Jun 2015 05:37:19 +0000</pubDate>
    </item>
    <item>
      <title>Mega Menu 幫網頁設計加入橫欄式下拉選單效果 !</title>
      <link>http://srdesign.com.tw/design/thread-556-1-1.html</link>
      <description><![CDATA[是不是常常在一些網站的導覽列看到下拉選單是由好幾列選單所構成的阿 ? 沒錯 , 這種類型的導覽列選單效果 , 在國外有個專有名詞叫做Mega Menu , 只要搜尋相關關鍵字就可以找到很多相關的套件 , 目前此效果已廣泛運用在近 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201505/19/101221btjtgz10j16rdtf6.jpg" length="52820" type="image/jpeg" />      <pubDate>Tue, 19 May 2015 10:29:53 +0000</pubDate>
    </item>
    <item>
      <title>用 jQuery 幫網頁設計下雪效果 ! (WebSnowjq)</title>
      <link>http://srdesign.com.tw/design/thread-555-1-1.html</link>
      <description><![CDATA[WebSnowjq 是一款可以讓你快速製作下雪效果的jQuery小程式 , 可以針對指定div產生下雪效果 , 比起傳統整頁下雪效果活用程度真的是好太多了 , 歡迎有興趣的可以來試試看 ! 雖然離聖誕節還有段時間 XD

AboutWebSnowjq.Js i ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201505/19/090415vnxi57tiamt0xz3i.jpg" length="18269" type="image/jpeg" />      <pubDate>Tue, 19 May 2015 09:08:19 +0000</pubDate>
    </item>
    <item>
      <title>使用 Selectivizr 讓舊IE也可支援CSS3選擇器</title>
      <link>http://srdesign.com.tw/design/thread-546-1-1.html</link>
      <description><![CDATA[若想要在舊IE中使用 CSS3的選擇器語法如 ( :nth-child , :first-child , :last-child , :only-child)
可以是用 selectivizr 這個js外掛套件，使用方法如下：

1. 至官網下載
2. 
將以下CODE插入head標籤中即可各式選擇 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201505/13/100115jow250kfw532frbb.jpg" length="117498" type="image/jpeg" />      <pubDate>Wed, 13 May 2015 10:04:53 +0000</pubDate>
    </item>
    <item>
      <title>超簡易網頁 Loading 載入效果設計 (超實用 好東西不用嗎?)</title>
      <link>http://srdesign.com.tw/design/thread-538-1-1.html</link>
      <description><![CDATA[網站載入提示對於網頁設計應用來說非常重要 ! 尤其是當你的網站速度不是非常快的時候，若沒有載入提示，對於網站用戶離開當頁的機會將會提高很多，因為正常網站使用者都無法忍受「未知」的等待，因此若您的網頁有個貼心 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/24/092632sww4clextvkr1d1k.jpg" length="13582" type="image/jpeg" />      <pubDate>Fri, 24 Apr 2015 09:30:32 +0000</pubDate>
    </item>
    <item>
      <title>仿Instagram相片濾鏡特效 - jQuery前端效果設計</title>
      <link>http://srdesign.com.tw/design/thread-534-1-1.html</link>
      <description><![CDATA[今天分享一款使用jQuery仿Instagram設計的相片濾鏡效果給大家，該套件帶有以下幾種濾鏡特效 「 Brightness(明亮)、Noise(噪點)、Sepia(復古)、Contrast(高反差)、Add Blue(藍色調)」，結合於動態網站中，可方便使用者線 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/23/032951jbdjbo9g9pldbm75.jpg" length="66099" type="image/jpeg" />      <pubDate>Thu, 23 Apr 2015 03:30:55 +0000</pubDate>
    </item>
    <item>
      <title>網頁設計仿FB時光軸JS網站效果 (支援響應式)</title>
      <link>http://srdesign.com.tw/design/thread-531-1-1.html</link>
      <description><![CDATA[早期FB時光軸介面，算是近幾年來網站UI設計中成功普及應用於網站服務的一項成功設計，雖然這兩年FB已改為雙欄式瀑布流UI，但不可否認之前FB的時光軸設計的確是一項優秀的文章展示模式 ! 今天分享一款CSS3+JS設計的仿時光 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/22/134529c8ekr8zk2j1bwm1r.png" length="58564" type="image/jpeg" />      <pubDate>Wed, 22 Apr 2015 14:01:33 +0000</pubDate>
    </item>
    <item>
      <title>四款經典的網頁影片背景效果 JQuery 套件</title>
      <link>http://srdesign.com.tw/design/thread-523-1-1.html</link>
      <description><![CDATA[這次推薦四款非常經典實用的網頁背景嵌入影片的相關JQuery套件 , 其實在國外類似技術早已普及應用於實際網站建置中 , 尤其是美食類、旅遊相關網站 , 若你也想讓你的網站有不同於傳統靜態畫面背景的話 , 這幾款JQuery套件 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/16/100404ukdddl6yeeyksyqq.jpg" length="49482" type="image/jpeg" />      <pubDate>Thu, 16 Apr 2015 10:21:00 +0000</pubDate>
    </item>
    <item>
      <title>JQuery 3D環景動畫效果 (購物商品環景圖片推薦)</title>
      <link>http://srdesign.com.tw/design/thread-521-1-1.html</link>
      <description><![CDATA[最近在網路上看到一款 JQuery 3D環景動畫效果的Plugin , 範例插件展示是用於購物商品的展示 , 展示效果非常突出 ! 以精品產業來說 , 這是一個非常實用的套件 , 整合至各購物車系統中對於使用者體驗相信會增加不少 ~ 

唯 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/16/094313qcsvdfjdrwdtlmvw.jpg" length="37364" type="image/jpeg" />      <pubDate>Thu, 16 Apr 2015 09:47:51 +0000</pubDate>
    </item>
    <item>
      <title>HTML5 中判斷螢幕橫向與縱向 (Phonegap APP實用技術)</title>
      <link>http://srdesign.com.tw/design/thread-517-1-1.html</link>
      <description><![CDATA[在手機、平板等行動裝置中我們經常碰到橫向縱向的問題，那麼我們應該如何去判斷或者針對橫向、縱向來撰寫不同的程式邏輯呢?

可參考以下方法：
首先在head中加入以下程式碼：

針對上述viewport標籤有如下說明
1)、cont ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/13/095019icn5awqznynyz6oi.png" length="61560" type="image/jpeg" />      <pubDate>Mon, 13 Apr 2015 09:48:31 +0000</pubDate>
    </item>
    <item>
      <title>讓IE6~IE9也可支援 CSS3 陰影、圓角、漸層效果</title>
      <link>http://srdesign.com.tw/design/thread-516-1-1.html</link>
      <description><![CDATA[圓角與陰影以及漸層，應該算是目前CSS3中，最多人用來應用於美化網站所使用到的功能，但是 IE6~IE8完全不支援，這時候就可以使用CSS3 PIE的JS套件來實現 ! 




可以先前往官網的線上操作器，操作看看PIE能夠實現的功能 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/13/091122f181hh2fvcdfhh9x.jpg" length="32628" type="image/jpeg" />      <pubDate>Mon, 13 Apr 2015 09:25:16 +0000</pubDate>
    </item>
    <item>
      <title>訊息跑馬燈公告效果 (應用)</title>
      <link>http://srdesign.com.tw/design/thread-512-1-1.html</link>
      <description><![CDATA[今天抽了點空整理了一些客戶清單 , 順便製作了一個訊息跑馬燈公告效果安裝於首頁 , 相信從首頁進來的朋友應該都有看到 ( 悄悄低調的曝光一些合作客戶 )
這個效果的製作 , 我是以 男丁格爾仿Yahoo滾動訊息跑馬燈  ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201504/02/095817sn2isescli2nsz2q.jpg" length="11601" type="image/jpeg" />      <pubDate>Thu, 02 Apr 2015 10:09:08 +0000</pubDate>
    </item>
    <item>
      <title>超實用JS公告跑馬燈</title>
      <link>http://srdesign.com.tw/design/thread-493-1-1.html</link>
      <description><![CDATA[本效果為傳統Html marquee(跑馬燈) 的強化 , 歡迎直接參考範例網站 , 公告效果幾乎也是目前所有網站必備項目之一 , 如果你的網站還沒有公告效果 , 歡迎可以直接應用本套件 . 
icon-link[/btn]




 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201503/30/063316gphbpac5h3g3g13x.jpg" length="28021" type="image/jpeg" />      <pubDate>Mon, 30 Mar 2015 06:38:43 +0000</pubDate>
    </item>
    <item>
      <title>標籤式(Tab)圖文內容跑馬燈輪播效果</title>
      <link>http://srdesign.com.tw/design/thread-492-1-1.html</link>
      <description><![CDATA[TAB標籤式切換效果 , 算是網頁設計中非常常見的前端效果 , 這次分享這款標籤式圖文跑馬燈效果 , 算是一款輕量級套件 , 並且程式結構非常單純(可參考下方HTML以及JS結構)  , 應用於靜態化頁面使用容易管理內容 , 設計於動 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201503/30/060852fkfcdjbnnjdbejn6.jpg" length="40382" type="image/jpeg" />      <pubDate>Mon, 30 Mar 2015 06:24:02 +0000</pubDate>
    </item>
    <item>
      <title>分類圖片跑馬燈輪播效果 ( 內含兩層圖片分類 )</title>
      <link>http://srdesign.com.tw/design/thread-491-1-1.html</link>
      <description><![CDATA[有時候在設計圖片輪播的時候 , 還是會碰到某些比較特殊的情形 , 例如會希望某張圖片輪播效果中 , 在內含一層和該圖片相同類型的圖片展示 , 也就是說SLIDE效果是雙層的 ! 今天就來分享一個可以達到此效果的Slide套件 ! 
 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201503/30/052355lazm8j685b3qsd3o.jpg" length="71232" type="image/jpeg" />      <pubDate>Mon, 30 Mar 2015 05:36:14 +0000</pubDate>
    </item>
    <item>
      <title>15種精美的圖片Hover特效 - 超實用 !!!</title>
      <link>http://srdesign.com.tw/design/thread-489-1-1.html</link>
      <description><![CDATA[目前大多數的國外版型設計趨勢 , 都會有藝廊的版型設計 , 並且加入Hover動態效果已經是非常常見的應用 , 下方就分享15種常見的精美圖片Hover效果給大家 . 



icon-eye-open[/btn]
 ...]]></description>
      <category>JS程式語法</category>
      <author>admin</author>
<enclosure url="http://srdesign.com.tw/design/data/attachment/forum/201503/26/081423g6q1a7ab2qeaiaqa.jpg" length="181443" type="image/jpeg" />      <pubDate>Thu, 26 Mar 2015 08:17:24 +0000</pubDate>
    </item>
  </channel>
</rss>