网站最后更新日期:2022年3月25日
欢迎大家来到畅想资源 AREFLY.COM! 个人网站(中) 个人网站(EN) 更多联络方式
更多文章载入中,请稍后……

純CSS爲網頁加入模態窗口(模态对话框)教學

相信大家近期在訪問暢想資源時都發現在看了文章主體部分後會自動於網頁上顯示一內容爲Facebook專頁/微博的窗口,這就是所謂的模態窗口(内地称为模态对话框)了。這個模態窗口可以幫助網站開發人員顯示網頁中的特定內容,讓用戶聚焦到這個地方。今天「暢想資源」就來教大家如何使用純CSS(當然還有JS以顯示/隱藏窗口)來爲網頁加入這個模態窗口~ :laugh:

阅读全文
作者:超级efly | 分类:网络 | 阅读:6,996 | 标签:, , ,

使用CSS爲內容設定特定的鼠標樣式(cursor)介紹

使用CSS爲內容設定特定的鼠標樣式(cursor)介紹

相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a 元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!

阅读全文
作者:超级efly | 分类:网络 | 阅读:5,765 | 标签:, ,

【支持全站轉換】使用JS爲網站加入簡繁轉換功能

現在澳港台和內地的聯繫越來越緊密,當然我們的網站也需要同時兼備簡體和繁體版本咯,今天「暢想資源」就來教大家如何純代碼使用JS對全站網頁加入簡繁轉換功能(也就是會儲存轉換的COOKIE),讓你的網頁有更多的受眾的同時,也顯得更加國際化! :grin:

阅读全文
作者:超级efly | 分类:网络 | 阅读:15,706 | 标签:, , ,

HTML5之實用新屬性 srcset 簡介&教學

隨着我們的Retina熒幕越來越在生活中普及,隨之而來的是每個圖片都需要包含各自的 @2x (甚至是 @3x )版本,哪麼我們在網頁中該怎麼辦呢?今天「暢想資源」就向大家來介紹這個HTML5的實用新屬性 srcset 的具體使用方法吧!(目前iOS 8中的Safari也已支持該功能啦!)

阅读全文
作者:超级efly | 分类:网络 | 阅读:5,791 | 标签:, , , ,

【可用於捐款按鈕 | 支持中文付款說明/備註】支付寶即時到賬POST按鈕

大家都知道PayPal有一個非常使用的「一鍵轉賬」按鈕功能,但是自從支付寶的個人收款主頁停止服務後,支付寶已經無法實現該類功能了。不過方法總還是有的,今天「暢想資源」就來教大家使用一個極其簡單的 form 標籤經過 POST 可以一鍵自動填寫「支付寶轉賬頁面」的信息,讓大家更方便、更快捷的轉賬!

阅读全文
作者:超级efly | 分类:网络 | 阅读:16,494 | 标签:, , , ,

使用JS簡單防止網頁被其他站點iFrame內嵌教學

iFrame是一個允許網頁嵌入其他網頁的HTML標籤,可是,該標籤不僅目前已過時,而且經常被很多人用作刷流量、攻擊或采集等不法目的,所以今天暢想資源就來教大家如何使用JavaScript簡單防止網站被其他網頁進行iFrame內嵌,讓你的網站更加安全和穩定!

阅读全文
作者:超级efly | 分类:网络 | 阅读:13,682 | 标签:, , ,

讓瀏覽器自動加載網頁中最新的CSS和JS文件

讓瀏覽器自動加載網頁中最新的CSS和JS文件

大家的網站往往都為一些靜態文件(例如JSCSS等)添加了緩存功能,但是如果我們更新了這些文件,想要及時加載最新的文件,怎麼辦呢?這篇文章就來教你如何清除瀏覽器中的緩存,並讓瀏覽器加載網頁中最新的CSS和JS,讓訪客使用到最新的功能!

阅读全文
作者:超级efly | 分类:网络 | 阅读:7,568 | 标签:, , , ,