剛在網(wǎng)上看到一個(gè)很不錯(cuò)的網(wǎng)站導(dǎo)航欄效果,富有動(dòng)態(tài)感,摘下來收藏先~
分類目錄歸檔:網(wǎng)頁制作
用ServerVariables顯示用戶來訪信息
servervariables集合,論壇里流行的顯示自己IP和瀏覽器類型的簽名就來自于這個(gè)強(qiáng)大的集合了。
代碼如下:
簡單的CSS實(shí)現(xiàn)細(xì)線表格
利用CSS可簡單實(shí)現(xiàn)細(xì)線表格
代碼如下:
兩個(gè)老代碼:設(shè)為首頁,加入收藏夾
非常老的兩個(gè)代碼了,設(shè)為首頁與加入收藏夾,抄下來,說不定以后哪天用得上。
1 2 | 加入收藏夾:<a target=_top href="/javascript:window.external.AddFavorite"('http://m.shyxfs.com','精品網(wǎng)絡(luò)收藏')>加入收藏</a> 設(shè)為首頁:<a href="http://m.shyxfs.com/" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('精品網(wǎng)絡(luò)收藏');">設(shè)為首頁</a> |
CSS模擬title和alt的提示效果
分析:在鼠標(biāo)懸停的時(shí)候出現(xiàn)一個(gè)包含介紹文字的提示層,如果用傳統(tǒng)的javascript來實(shí)現(xiàn),就要設(shè)置對(duì)象的onmouseover和onmouseout屬性,而如果把對(duì)象看作是a屬性中的link和hover的話,這個(gè)問題就更清晰了,因?yàn)橹灰褜?duì)象的link屬性設(shè)置為隱藏提示層、hover屬性設(shè)置為呈現(xiàn)提示層即可,那么這個(gè)提示層的位置究竟在哪里呢?當(dāng)然是在a標(biāo)簽中間了,目前常用的辦法是把提示內(nèi)容放在span標(biāo)簽中間進(jìn)而包含在a標(biāo)簽內(nèi)部,然后設(shè)置a:link和a:hover下不同的span樣式即可。
使用Javescript顯示文本框輸入字符數(shù)量
在一些留言板或者論壇里,經(jīng)常可以看到在輸入留言內(nèi)容或者發(fā)帖內(nèi)容時(shí),會(huì)在下方顯示已經(jīng)輸入多少字符,還能輸入多少字符的提示,很人性化,這個(gè)效果用javascript很輕松就能做出來
DIV+CSS作出一些小三角的形狀
用DIV+CSS可以作出很多不同形狀的角形,以下是一些小三角,可以舉一反三,做出更多的
代碼如下:
文本框和密碼框長度和高度不一樣的解決方法
因?yàn)槊艽a默認(rèn)都用·代替了文字,所以肯定是比文本要小,如果用CSS定義就不會(huì)出現(xiàn)問題啦。
代碼如下:
1 2 3 4 5 6 7 | <form name="admin_login" method="post" action="admin_check.asp"> 賬號(hào): <input name="admin_user" type="text" style="width:120px;height:25px;"> 密碼: <input name="admin_pswd" type="password" style="width:120px;height:25px;"> <input type="image" name="sumbit" src="images/login_sumbit.gif" width="60" height="20" border="0"> </form> |
驗(yàn)證登錄模塊文本框是否為空
js的命名規(guī)則是比較嚴(yán)格的,要養(yǎng)成一個(gè)好的習(xí)慣。
經(jīng)常會(huì)遇到制作登錄模塊,驗(yàn)證文本框輸入是否為空就成了一個(gè)常見的問題,用js來驗(yàn)證是最方便不過的了。
點(diǎn)擊鏈接彈出對(duì)話框
1 2 3 4 5 6 7 8 9 10 11 12 | <script language="javascript"> <!-- function outwarning(){ warning = confirm("確定退出嗎?") if (warning != "0"){ window.close() window.open("default.asp") } } --> </script> <a xhref="javascript:outwarning()">點(diǎn)我看效果</a> |