Time of Update: 2015-09-02
H5 input type="search" 不顯示搜尋 解決方案,h5input在IOS(ipad iPhone等)系統的瀏覽器裡開啟H5頁面。如下寫法:<input type="search" name="search” id="search"> 以上裝置的鍵盤仍然顯示“換行”。解決方案如下:在input外面嵌套一層form:<form action=""> <input
Time of Update: 2015-09-02
CSS的background-repeat屬性,background-repeatbackground-repeat屬性的定義和用法:設定或檢索對象的背景映像如何鋪排填充。必須先指定background-image屬性。 允許提供2個參數,如果提供全部2個參數,第1個用於橫向,第二個用於縱向。 如果只提供1個參數,則用於橫向和縱向。特殊值repeat-x和repeat-y除外,因為repeat-x相當於repeat
Time of Update: 2015-09-02
CSS如何設定背景圖片水平重複和垂直重複,css背景圖片CSS如何設定背景圖片水平重複和垂直重複:設定背景圖片的水平平鋪或者垂直平鋪非常的簡單,使用兩端代碼就可以了,代碼如下:background:url("photo.gif") repeat-y;以上代碼可以讓背景圖片在垂直方向上平鋪。background:url("photo.gif")
Time of Update: 2015-09-02
js+CSS實現類比華麗的select控制項下拉式功能表效果,cssselect<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
Time of Update: 2015-09-02
CSS設定div的最小高度和最小寬,CSS設定divCSS設定div的最小高度和最小寬度:所謂設定div的最小高度和寬度就是設定一個值,如果實際寬度或者高度小於此值時,就會將實際的寬度和高度值設定為規定的此最小值,下面就通過執行個體代碼簡單做一下介紹。如果在標準瀏覽器中,當然可以使用max-height或者max-width實現此效果,例如:max-width:50px;max-height:100px;以上代碼在標準瀏覽器中是沒有任何問題的,但是無奈IE6瀏覽器並不支援,因為當前還有為數不少的
Time of Update: 2015-09-02
CSS的opacity屬性,CSSopacity屬性opacity屬性的定義和用法:檢索或設定對象的不透明度。 對於尚不支援opacity屬性的IE瀏覽器可以使用IE私人的濾鏡屬性來實現與opacity相同的效果。 對應的指令碼特性為opacity。文法結構:opacity:<number>取值:<number>:使用浮點數指定對象的不透明度。值被約束在[0.0-1.0]範圍內,如果超過了這個範圍,其計算結果將截取到與之最相近的值。 瀏覽器支
Time of Update: 2015-09-02
jQuery入門:CSS,樣式和大小jQuery包含了擷取和設定元素的CSS屬性的簡便方法: //擷取CSS屬性 $( h1 ).css( fontSize ); // Returns a string such as 19px.返回一個字串19px。 $( h1 ).css( font-size ); // Also works.同樣會工作。 // 設定CSS屬性。 $( h1 ).css( fontSize, 100px ); // Setting an
Time of Update: 2015-09-02
css:nth-of-type()選取器用法,nth-of-type選取器今天做一個頁面,無意中看到這個nth-of-type感覺挺方便的,之前單雙行有的有橫線,有的無橫線一般在html中單獨再寫border-right:none等之類的。現在發現這個好東西趕緊記錄下來。:nth-of-type(n) 選取器匹配屬於父元素的特定類型的第 N 個子項目的每個元素.n 可以是數字、關鍵詞或公式。.uninstall_form .uninstall_list_checkbox:nth-of-type(
Time of Update: 2015-09-02
AngularJS的digest迴圈和$apply最近在寫AngularJS,遇到一個問題,在Ajax非同步請求後台資料,然後將結果賦值給當前scope中某對象的屬性,在頁面中怎麼都取不到,然而在js端卻可以正常列印出來。分析原因:第一感覺是前端頁面綁定指令不對,導致不能正常顯示,然而變化各種指令都不能正常擷取,很是鬱悶;最後去掉Ajax,直接返回給頁面,結果卻是可以的,初步排除了與綁定指令相關。那問題出現在scope上了???結果查閱資料,終於得知,使用第三方架構(比如jQuery),或者調用
Time of Update: 2015-09-02
javascript中substring()、substr()、slice()的區別,substringsubstrstringObject.substring(start,stop) 用於提取字串中介於兩個指定下標之間的字元。start必需。一個非負的整數,規定要提取的子串的第一個字元在 stringObject 中的位置。stop可選。一個非負的整數,比要提取的子串的最後一個字元在 stringObject 中的位置多
Time of Update: 2015-09-02
jQuery實現簡單的列表式導覽功能表效果代碼,jquery導覽功能表本文執行個體講述了jQuery實現簡單的列表式導覽功能表效果代碼。分享給大家供大家參考。具體如下:這裡使用jQuery實現簡單的列表式導覽功能表,是根據網上的一個教程,邊看邊寫的,經過了修正,拷貝代碼即可使用。主要實現包括三個部分,一是CSS、二是引入jQuery、三是編寫JS代碼進行jQuery控制項。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-simple-lis
Time of Update: 2015-09-02
JavaScript
Time of Update: 2015-09-02
簡單談談javascript中的變數、範圍和記憶體問題,javascript變數【變數】[1]定義:可變的量,相當於給一個不定的資料起了一個外號。變數是儲存資訊的容器。[2]特性:js中的變數是鬆散類型的,可以儲存任何類型的資料。它只是在特定時間用於儲存特定值的一個名字而已。由於不存在定義某個變數必須要儲存何種資料類型值的規則,變數的值及其資料類型可以在指令碼的生命週期內改變。[3]變數聲明:變數可以在聲明時賦值,但不能有其他動作,如+=、-=等var a = 2;//是正確的var a +=
Time of Update: 2015-09-02
jQuery實現帶有洗牌效果的動畫分頁執行個體,jquery洗牌本文執行個體講述了jQuery實現帶有洗牌效果的動畫分頁。分享給大家供大家參考。具體如下:這款jquery分頁樣本載入的是一個圖片的LI列表,使用jQuery技術將其分為多頁顯示,在分頁的過程中,還加入了動畫效果,使整個分頁效果看上去很有專業味。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-list-page-flash-style-codes/具體代碼如下:<!DOC
Time of Update: 2015-09-02
jquery.mousewheel實現整屏翻屏效果,jquery.mousewheel實現整屏上下翻效果:需載入的js<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript"
Time of Update: 2015-09-02
淺談javascript的Array.prototype.slice.call,prototype.slice.call寫字前面在js中我們經常會看到Array.prototype.slice.call(arguments,0)的寫法,當然,這個方法的作用也許大家都明白,那就是把類數組對象轉換成一個真正的數組。關於這個方法,我說說自己的理解。這裡涉及到slice()方法和call()方法,所以先簡單說說這兩個方法。slice()方法數組和字串都有這個slice方法,這個方法的作用是截取一段資料。
Time of Update: 2015-09-02
基於jquery css3實現點擊動畫彈出表單源碼特效,jquerycss3給大家展示了使用jquery css實現的點擊動畫彈出表單源碼,有上傳表單、刪除表單、發送評論表單,都是通過滑鼠點擊表徵圖按鈕動畫彈出的表單源碼特效。展示如下:線上預覽 源碼下載html代碼:<div class="buttonCollection"> <div class="qutton" id="qutton_upload"> <div class=
Time of Update: 2015-09-02
jQuery實現灰藍風格標準二級下拉式功能表效果代碼,jquery灰藍本文執行個體講述了jQuery實現灰藍風格標準二級下拉式功能表效果代碼。分享給大家供大家參考。具體如下:這是一款基於jQuery實現的標準型二級菜單,是漂亮的灰-藍風格下拉串聯功能表,代碼經過了完美修正,目前相容性已經很不錯了,甚至不用修改,拷貝代碼你就可以用了。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-blue-color-style-nav-menu-codes
Time of Update: 2015-09-02
Bootstrap的圖片輪播範例程式碼,樣本一:插入js及css支援:<link rel="stylesheet" href="css/bootstrap.min.css"/> <script src="js/jquery-1.9.1.min.js"></script><script src="js/bootstrap.min.js"></script>HTML代碼:<div id="pictures" class="item"
Time of Update: 2015-09-02
jquery實現點擊變換導航樣式的方法,jquery變換導航樣式本文執行個體講述了jquery實現點擊變換導航樣式的方法。分享給大家供大家參考。具體如下:這裡分享一個導航點擊變換樣式的代碼,近來看到很多網站的導航都是點擊後導航樣式跟著變化,今天就使用jqurey簡單實現這一功能,高手勿噴。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-click-cha-nav-style-codes/具體代碼如下:<!DOCTYPE html