NetYea 網頁設計

測試結果(夜神慢 雷電9快)

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

介紹如何使用 Python 的 MySQL Connector 模組連接 MySQL/MariaDB 資料庫，進行查詢、新增或刪除等各種操作。







Python 有許多 MySQL/MariaDB 資料庫相關的模組，而最常被使用的就是 MySQL Connector 與 MySQLdb 這兩個模組，以下是 MySQL Connector 模組的使用方式。

安裝 MySQL Connector 模組

開啟 Windows 中的命令提示自元，使用 pip 安裝 Python 的 MySQL Connector 模組：

 

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

實例需求：運用python語言爬取http://kaijiang.zhcw.com/zhcw/html/ssq/list_1.html這個開獎網站所有的信息，並且保存為txt文件和excel文件。
實例環境：python3.7

　　　　　  BeautifulSoup庫、xlwt庫(需手動安裝)

　　　　　  urllib庫、re庫(內置的python庫，無需手動安裝)

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

完成圖





安裝模組

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

有使用過進度條的朋友一定會覺得很不方便

因為要從0~100讀取 浪費時間

因檔案大小也不知道這時間讀寫的完嗎？

如這篇

Java Swing 如何使用進度



於是經過修正

改成此方法

可利用DIALOG準確的抓到讀寫完成的時間

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

記得筆者曾經寫過一篇「用 JavaScript 來做偽浮水印」，那時是用 JavaScript 來寫的，得經過計算才能把版權宣告的圖片放在右下角。現在筆者把整個效果用 jQuery 來改寫，並把原本要計算的版權宣告圖片位置換成 background-position 的方式來控制，這樣想放那就只要設定一下就好了。



我們的 HTML 就是很單純的圖片而已：



檢視原始碼 HTML

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

SQLite是遵守ACID的關聯式資料庫管理系統，它包含在一個相對小的C庫中。它是D.RichardHipp建立的公有領域項目。
不像常見的客戶端/伺服器結構範例，SQLite引擎不是個程序與之通信的獨立進程，而是連接到程序中成為它的一個主要部分。所以主要的通信協議是在程式語言內的直接API調用。這在消耗總量、延遲時間和整體簡單性上有積極的作用。整個資料庫（定義、表、索引和資料本身）都在宿主主機上存儲在一個單一的文件中。它的簡單的設計是通過在開始一個事務的時候鎖定整個資料文件而完成的。

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

 

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

今天我們要跟大家分享幾個製作滿版背景圖的方法。



現在先來確定一下我們的需求：



圖片必須剛好填滿瀏覽器不能留有縫細，也不能因為圖片太大而出現捲軸。

圖片可以隨著瀏覽器尺寸自動縮放。

圖片必須保持長寬比，不能變形。

要達成上面的需求，我們有以下的方法可以使用





使用CSS3 background-size 屬性



background-size 是css3 的屬性，用來定義背景圖片的尺寸。使用上可以直接指定長寬的數值或是縮放的比例；指定"contain"可以讓背景圖片自動縮放到填滿內容區域內的最大尺寸；指定"cover"可以讓背景圖片自動縮放到覆蓋內容區域的最小尺寸。可以參考w3c background-size的資訊



因為我們現在要做的是完整覆蓋瀏覽器的背景圖片，所以要使用”background-size:cover;”這個設定。使用方法如下：

 

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

很多人用BootStrap 圖片因寬度縮小看起來很高興



但是縮得太小的時候，高度會達到最小高度因此無法往下縮



會造成圖片變形，如圖

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

在使用CSS的時候，用某些特效能讓網站更有活力，如果運用JQUERY又太過複雜



不過今天作者看到某網站的運用不錯，於是就利用CSS也做了



可以看到下圖，滑鼠未移置圖片範例











用CSS寫下列代碼

 

1. .chimga{


2.     margin:10px;


3.     width:100%;


4.     height:100%;


5.     box-sizing:border-box;


6.     overflow:hidden;


7.     display:block;


8. }


9. .chimga:hover img{


10.     -moz-transform:scale(1.3) rotate(2deg);


11.     -webkit-transform:scale(1.3) rotate(2deg);


12.     -o-transform:scale(1.3) rotate(2deg);


13.     -ms-transform:scale(1.3) rotate(2deg);


14.     transform:scale(1.3) rotate(2deg);


15. }

複製代碼

在到圖片連結加入class

 

1. class="chimga"

複製代碼

結果如下圖

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()

指定背景圖片大小

background-size：bg-size , bg-size

bg-size = auto | length | percentage | cover | contain

(繼續閱讀...)

NetYea 網頁設計 發表在 痞客邦 留言(0) 人氣()