JavaScript

Sticky Footer (讓頁尾永遠停靠在頁面底部,而不是根據絕對位置)，stickyfooter<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> * { margin:0; padding:0; }

用CSS建立小三角形問題（筆試題常考），css常考    筆試題中經常遇到用CSS實現某個Div邊框添加三角形問題，掌握一點，合理利用div的邊框，當div有寬有高時，邊框就是不起眼的邊框，當div的寬高為0時，邊框就是一個小方塊，把剩下的三個邊透明就是神奇的三角形了。    然後就是考察CSS的：before和：after虛擬元素，此類問題一般分為兩種類型，即實心和空心問題，。中DOM結構均為：<div id=”demo”&

CSS3學習筆記（4）—上下滑動展開的按鈕，css3學習筆記好吧，我最近沒有什麼進步，其實吧，我在偷懶耶，這幾天太冷落代碼了，都在做設計，暈乎乎的，下面來看看我以前寫的一個上下滑動展開的按鈕效果：這類的效果經常會在一些網站頁面下載按鈕處看到，當你滑鼠懸浮在下載按鈕時，會提醒你是否登入，或者點擊登入什麼的小提示~~~~~  一、頁面的主體布局<!DOCTYPE html><html> <head> <meta

IE6如何定義1px左右高度的容器？，ie6定義1px容器<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> div{ background:red; height:1px;

Javascript中的幾種繼承方式開篇從’嚴格’意義上說，javascript並不是一門真正的物件導向語言。這種說法原因一般都是覺得javascript作為一門弱類型語言與類似java或c#之類的強型語言的繼承方式有很大的區別，因而預設它就是非主流的物件導向方式，甚至竟有很多書將其描述為’非完全物件導向’語言。其實個人覺得，什麼方式並不重要，重要的是是否具有物件導向的思想，說javascript不是物件導向語言的，往往都可能沒有深入研究過java

webapp尺寸，webapp設計尺寸一、viewport寬度起源：PC端的網站要顯示在移動端有什麼問題？如果把移動端的可是地區設定到（320-768）的話，大部分網站都會因為太窄而顯示錯亂所以瀏覽器預設把viewport【這個viewport指的是layout viewport】設定為一個較寬的值980px或者1024px，至少保證PC網站在移動端上可以顯示，只是超出部分出行橫向滾動。二、概念1、css像素html頁面中單位是px，在pc中往往1 css

min-height最小高度的實現（相容IE6、IE7、FF）（解決IE6不相容min-height），min-heightie6<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title> <style> div{

學習小筆記---jquery（部分）attr()html()text()addClass()css()removeAtrr()removeClass()append()appendTo() 可以向指定的元素插入入內容 $(content).appendTo(selector)before() $(selector).before(content)after() 表示在整個元素的前面和後面插入指定的元素或內容 $(selector).after(content)clone() 複製了一個被選元素，

jquery.validate驗證表單，自己的js提交資料，返回json$.metadata.setType("attr", "vld");$.validator.addMethod("username", function(value) {var p = /^[0-9a-zA-Z\u4e00-\u9fa5\.\-@_]+$/;return p.exec(value) ? true : false;}, "Please

討論內外邊距對行內元素是否起作用，則要對行內替換元素和行內非替換元素分別討論：，元素起作用<style type="text/css">        #two{                   &nbs

javascript：理解try...catch...finally以前，我一直喜歡用console.log(do some thing)去執行輸出的類型和值，想馬上看到彈出的資訊，就會直接在瀏覽器alert()一下，這些是基礎知識。稍微複雜一點點，就要用到判斷語句，if else進行條件判斷，話說if條件else否則，這樣的判斷對於寫程式碼的碼儂已經是非常熟悉不過了。如果你覺得這個也很簡單，可能會用到混合if else條件判斷語句加上try catch 來處理語句，雖然用try

DIV+CSS設計IE6浮動產生雙倍距離，divie6<!doctype html><html><head> <meta name="Keywords" content="" /> <meta name="Description" content="" /> <title></title> <meta http-equiv="Content-Type" content="text/html;

vertical-align各屬性圖片對比，測試用代碼<!DOCTYPE html><html><head> <style> #dd { //line-height: 300px; background-color: gray; position: relative; font-size: 60px; //height:

表單驗證外掛程式Validation應用的執行個體講解，validation執行個體講解jquery.Validation是一款優秀的jquery外掛程式，它能對用戶端表單進行驗證，並且提供了許多可以定製的屬性和方法，良好的擴充性。現在結合實際情況，我把項目中經常要用到的驗證整理成一個執行個體DEMO，本文就是通過講解這個執行個體來理解Validation的應用。本執行個體涉及到的驗證有：使用者名稱：長度、字元驗證，重複性ajax驗證（是否已存在）。密碼：長度驗證，重複輸入密碼驗證。郵件：郵件地

JS中比較數字大小 在JS中，從文字框取出兩個資料(數字)，比較它們的大小。    JS預設它們為字串，比如我們取出的值m = 12;n = 3;按照數字比較，m>n， 但是如果按照字串比較3>1所以這裡m<n。這時就需要用到了字串的轉換，parseFloat(String str); var currentPage = document.getElementById("currentPage").value;var

超連結訪問過後hover樣式就不出現的問題，過後hover<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head

javascript函數式編程程式員的工具集，javascript工具集如果你仔細看了到目前為止出現過的範例程式碼，你會發現這裡面的一些方法不太熟悉。 它們是map()、filter()和reduce()函數，它們對任何語言的函數式編程都至關重要。 它們可以讓你不必使用迴圈和語句，寫出更簡潔的代碼。map()、filter()和reduce()函數組成了函數式程式員工具集的核心部分，這個工具集包括一系列純的、

非常簡單的使用jquery fancybox外掛程式實現的查看圖片效果<html>其中用到了bootstrap的圖片處理，響應式圖片屬性img-responsive，和圖片形狀，img-thumbnail 寫成 class="img-responsive img-thumbnail"然後fancybox直接用預設 $("a.grouped_elements").fancybox();

JavaScript 效能最佳化小結，javascript效能最佳化隨著 Web2.0 技術的不斷推廣，越來越多的應用使用 JavaScript 技術在用戶端進行處理，從而使 JavaScript 在瀏覽器中的效能成為開發人員所面臨的最重要的可用性問題。而這個問題又因 JavaScript 的阻塞特性變的複雜，也就是說當瀏覽器在執行 JavaScript 代碼時，不能同時做其他任何事情。本文詳細介紹了如何正確的載入和執行 JavaScript 代碼，從而提高其在瀏覽器中的效能。在J2EE編程中，

JS實現帶圓弧背景漸層效果的導覽功能表代碼，圓弧導覽功能表本文執行個體講述了JS實現帶圓弧背景漸層效果的導覽功能表代碼。分享給大家供大家參考。具體如下：這是一款效果個性的JS+CSS導覽功能表，滑鼠經過時出現有趣弧形背景，實際上，這裡用CSS調用了背景，用JavaScript控制了背景的移動，用jQuery實現過類似的功能，整體感覺很不錯。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-css-cicle-cha-nav-menu-demo/具體代