剛在網上看到一個很不錯的網站導航欄效果,富有動態感,摘下來收藏先~
分類目錄歸檔:網頁制作
用ServerVariables顯示用戶來訪信息
servervariables集合,論壇里流行的顯示自己IP和瀏覽器類型的簽名就來自于這個強大的集合了。
代碼如下:
簡單的CSS實現細線表格
利用CSS可簡單實現細線表格
代碼如下:
兩個老代碼:設為首頁,加入收藏夾
非常老的兩個代碼了,設為首頁與加入收藏夾,抄下來,說不定以后哪天用得上。
1 2 | 加入收藏夾:<a target=_top href="/javascript:window.external.AddFavorite"('http://www.jssanhong.com','精品網絡收藏')>加入收藏</a> 設為首頁:<a href="http://www.jssanhong.com/" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('精品網絡收藏');">設為首頁</a> |
CSS模擬title和alt的提示效果
分析:在鼠標懸停的時候出現一個包含介紹文字的提示層,如果用傳統的javascript來實現,就要設置對象的onmouseover和onmouseout屬性,而如果把對象看作是a屬性中的link和hover的話,這個問題就更清晰了,因為只要把對象的link屬性設置為隱藏提示層、hover屬性設置為呈現提示層即可,那么這個提示層的位置究竟在哪里呢?當然是在a標簽中間了,目前常用的辦法是把提示內容放在span標簽中間進而包含在a標簽內部,然后設置a:link和a:hover下不同的span樣式即可。
使用Javescript顯示文本框輸入字符數量
在一些留言板或者論壇里,經常可以看到在輸入留言內容或者發帖內容時,會在下方顯示已經輸入多少字符,還能輸入多少字符的提示,很人性化,這個效果用javascript很輕松就能做出來
DIV+CSS作出一些小三角的形狀
用DIV+CSS可以作出很多不同形狀的角形,以下是一些小三角,可以舉一反三,做出更多的
代碼如下:
文本框和密碼框長度和高度不一樣的解決方法
因為密碼默認都用·代替了文字,所以肯定是比文本要小,如果用CSS定義就不會出現問題啦。
代碼如下:
1 2 3 4 5 6 7 | <form name="admin_login" method="post" action="admin_check.asp"> 賬號: <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> |
驗證登錄模塊文本框是否為空
點擊鏈接彈出對話框
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()">點我看效果</a> |