連續(xù)變化聯(lián)系內(nèi)網(wǎng)監(jiān)控表單

　　將應(yīng)用兩個主要的動畫：一個動畫在用戶提交聯(lián)系內(nèi)網(wǎng)監(jiān)控表單時觸發(fā)，它會逐漸地卷動表單直至其隱藏起來。另一個動態(tài)用來顯示和隱藏Message Sent標記，從而吸引更多注意，直至動畫完全消失。
　?。?）首先，在Markup視圖中，在ContactForm.ascx用戶控件的Message Sent標簽下面添加一個額外的文本段落。這個段落將在表單提交后顯示，并且保持可見，即使Message Sent文本已經(jīng)隱藏起來。在段落標記中添加一些文本，以感謝用戶的響應(yīng)。在段落中添加id和runat“server”特性（這樣就可以在Code Behind文件中針對它進行編程），并設(shè)置其Visible屬性為Fasle。最后，將段落前面的Label控件中的CssClass特性設(shè)置為Attention。
　?。?）將保存內(nèi)網(wǎng)監(jiān)控表單控件的整個表包裝到div中，并設(shè)置其id為TableWrapper。使用slideUp和slideDown調(diào)整表的大小并不簡單，但是把表包裝到div中，就可以調(diào)整這個元素的大小。
　　（3）在VS的以前版本中，VS不能為用戶控件中的jQuery和其他腳本庫提供IntelliSense功能。這是因為VS不知道控件將顯示在哪個頁面或者母版頁中。因為把腳本引用添加到這些頁面中，所有用戶控件不知道它們的存在。為了解決這個問題，可以在控件中添加對庫的引用，在服務(wù)器端注釋中隱藏它，或者在部署站點時移除該引用。是VS2013引入了一個更簡潔的解決方案。給站點添加一個文件名稱很特別的JavaScript文件references，VS就會為它i該文件中找到的所有腳本文件引用提供IntelliSense。為了建立這個文件，在Scripts文件夾中添加一個JavaScript文件references.js，再在Solution Explorer的Scripts文件夾中，把jpuery拖動到打開的JavaScript文件中。
　　保存并關(guān)閉文件。保存并關(guān)閉ContactForm.ascx。從現(xiàn)在其，無論在哪里添加JQuery代碼，都會出現(xiàn)JQuery庫的IntelliSense。VS會在這個文件中查看已添加的文件引用，查找以intellisense為擴展名的匹配文件，用于建立IntelliSense和文檔工具提示。也可以添加對references的其他引用，激活其他JavaScript庫的IntelliSense。我很喜歡這個功能，因為它提供了IntelliSense，不必繁瑣地編寫代碼或雙重腳本引用。從來不需要在站點的頁面或控件中包含這個特殊文件的引用，它只用作開發(fā)工具。
　?。?）返回用戶控件ContactForm.ascx，向下滾動到控件標記的末尾，添加一個script元素和如下的jQuery代碼，這些代碼在內(nèi)網(wǎng)監(jiān)控表單即將提交時觸發(fā)。
　?。?）在結(jié)束script標記之前，jQuery文檔就緒函數(shù)的右大括號、小括號和分號之后，添加加粗的JavaScript代碼。
　?。?）切換到Code Behind文件，給SendButton Click方法添加下面的代碼行。當提交表單和發(fā)送電子郵件消息后，就會顯示文本段落。
　?。?）保存全部修改并關(guān)閉用戶控件。
　?。?）當頁面完成加載后，就會顯示Message Sent標簽和感謝文本。標簽的文本主鍵增加，直到占據(jù)整個內(nèi)容寬度，然后再次收縮，直到完全消失。如果看不到這個動畫，按Ctrl+F5或Ctrl+R組合鍵，從服務(wù)器上獲得CSS文件的新副本，再次填寫聯(lián)系表單。還要確保把Label控件的CssClass特性設(shè)置為Attention。