PHP實現對xml進行簡單的增刪改查(CRUD)操作示例
806
2024-01-10
本文實例講述了jQuery實現的placeholder效果。分享給大家供大家參考,具體如下:
運行效果截圖如下:
具體代碼如下:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery實現placeholder效果</title> <script src="http://www.gimoo.net/t/1901/jquery-1.7.2.min.js"></script> <script> $(function () { initEvent(); }); //初始化提示內容的顏色 function initEvent() { $('input.holder').each(function () { var $this = $(this), holder = $this.data('holder'); if (holder) { $this.css('color', '#a9a9a9').val(holder); } }); //獲取焦點時設置內容的顏色和值為空 $(document).off('focus', 'input.holder').on('focus', 'input.holder', function () { var $this = $(this); if ($this.val() === $this.data('holder')) { $this.css('color', 'black').val(''); } }); //失去焦點后還原提示內容 $(document).off('focusout', 'input.holder').on('focusout', 'input.holder', function () { var $this = $(this); if ($.trim($this.val()) === '') { $this.css('color', '#a9a9a9').val($this.data('holder')); } }); } </script> </head> <body> <input type="text" class="holder" name="name" value="" data-holder="請輸入賬戶" /><br><br> <input type="text" class="holder" name="name" value="" data-holder="請輸入密碼" /> </body> </html>
更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery常見經典特效匯總》、《jQuery常用插件及用法總結》、《jQuery表格(table)操作技巧匯總》、《jQuery form操作技巧匯總》、《jQuery操作json數據技巧匯總》、《jQuery擴展技巧總結》、《jQuery拖拽特效與技巧總結》、《jquery中Ajax用法總結》、《jQuery動畫與特效用法總結》及《jquery選擇器用法總結》
希望本文所述對大家jQuery程序設計有所幫助。
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!