溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關基礎JS特效代碼有哪些，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。
向大家推薦個入門級的JS特效代碼，主要包括以事件驅動JavaScript函數，文本域顯示內容,但不可修改，讓select控件可以自定義邊框等內容。
推薦幾個入門級的JS特效代碼
1、以事件驅動JavaScript函數
以下是引用片段：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> <html> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>無標題文檔</title> <script> <!-- functionhello() { aa=100 cc='歡迎第'+aa+'次光臨!' alert(cc) } //--> </script> </head> <body> <ahrefahref="網址"onmouseover="hello()">網頁名</a> </body> </html>2、JS特效之文本域顯示內容,但不可修改
以下是引用片段：
<inputvalueinputvalue="網頁名"readonly>
3、JS特效之讓select控件可以自定義邊框
以下是引用片段：
<style> .box2{border:1pxsolid#00ff00;width:180px;height:17px; clip:rect(0px,179px,16px,0px);overflow:hidden;} select{position:relative;left:-2px;top:-2px; font-size:12px;width:183px; line-height:14px;border:0px;color:#909993;} </style> <divclassdivclass=box2> <selectidselectid=idselect1onchange="select1();"hidefocus> <optionselected>網頁名</option> <option>設計在線</option> <option>辦公軟件</option> <option>工具軟件<option> </select> </div>4、JS特效之CSS圓角
以下是引用片段：
<htmlxmlns:v> <head> <style> v:*{behavior:url(#default#VML);} </style> </head> <body> <v:RoundRectstylev:RoundRectstyle="position:relative; width:200;height:100px"> <v:shadowonv:shadowon="T"type="single" color="#b3b3b3"offset="5px,5px"/> <v:textboxstylev:textboxstyle="font-size:12px">css實現真正的圓角表格</v:textbox> </v:RoundRect> </body> </html>5、JS特效之建銀密碼輸入器
以下是引用片段：
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"> <html> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=gb2312"> <title>無標題文檔</title> </head> <body> <INPUT onkeydown=Calc.password.value=this.valuetitle=登錄密碼 onclick="password1=this;showkeyboard();this.readOnly=1;Calc.password.value=''" readOnlytype=passwordmaxLength=12 onchange=Calc.password.value=this.valuename=LOGPASS minLength="6"> <scriptlanguagescriptlanguage="javascript"src="http://tech.ddvip.com/imagelist/06/45/13pvu8r78n57.js"> </script> </body> </html>
關于基礎JS特效代碼有哪些就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
