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逾時調用和間歇調用,淺談javascript間歇調用在JavaScript中間歇調用很常見,setInterval,就是間隔一定的時間重複調用。setInterval()方法接收兩個參數:第一個參數可以是字串,也可以是函數,第二個參數是一個以毫秒為單位的數字,表示重複間隔的時間長度。參數是字串當第一個傳遞參數是字串時,如下:setInterval("alert('this is 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
jquery+CSS3類比Path2.0動畫菜單效果代碼,本文執行個體講述了jquery+CSS3類比Path2.0動畫菜單效果代碼。分享給大家供大家參考。具體如下:CSS3實現的仿手機軟體菜單,動畫菜單,注意的地方,小按鈕位移後有個緩衝,每個小按鈕緩衝的距離不一樣,每個小按鈕位移的時間有間隔,處理好這些細節才能體現出靈動的效果。CSS3代碼:(請用非IE標準瀏覽器訪問)由於代碼運行框缺陷,請先重新整理一下頁面動畫運行更流暢。Path菜單的小按鈕本來應該也可以旋轉的,但CSS3動畫的位移和旋轉同
Time of Update: 2015-09-02
javascript中sort() 方法使用詳解,javascriptsort文法:arrayObject.sort(sortby);參數sortby可選。規定排序次序。必須是函數。sort()
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
jquery實現可點擊伸縮與展開的菜單效果代碼,jquery伸縮本文執行個體講述了jquery實現可點擊伸縮與展開的菜單效果代碼。分享給大家供大家參考。具體如下:這是一款jquery實現的點擊伸縮與展開的菜單代碼,操作方式大家都知道吧,點擊一下展開二級菜單的內容,再次點擊則合攏,很經典的摺疊菜單。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-click-show-hidden-menu-style-codes/具體代碼如下:<!DO
Time of Update: 2015-09-01
CSS實現的多行文本垂直置中執行個體代碼,css多行CSS實現的多行文本垂直置中執行個體代碼:將一行文本在容器中垂直置中是非常簡單的,只需要兩句代碼就好了,例如:div{ width:100px; height:100px; line-height:100px;}以上代碼可以實現單行文本在div中垂直置中效果,只要將div的height屬性值和line-height設定為相同就可以了。但是以上代碼並不能實現多行文本垂直置中下過,下面再看一段代碼執行個體:<!DOCTYPE html&
Time of Update: 2015-09-01
如何使用CSS3畫出一個叮噹貓,使用CSS3畫叮噹貓剛學習了這個案例,然後覺得比較好玩,就練習了一下。然後發現其實也不難,如果你經常使用PS或者Flash的話,應該就會知道畫個叮噹貓是很容易 的事,至少我是這麼覺得。但是,用CSS3畫出來確實是第一次接觸,所以很樂意去嘗試一下,對於我這種菜鳥,確實是協助不少,至少懂得如何去畫一個簡單的
Time of Update: 2015-09-01
經常使用的兩個清爽的table樣式,table樣式兩個我經常使用的table樣式: <html> <head> <title></title> <style type="text/css"> body,table{ font-size:12px; } table{ table-layout:fixed; empty-cells:show; border-collapse: collapse; margin:0 auto; }
Time of Update: 2015-09-01
CSS Hack大全-教你如何區分出IE6-IE10、FireFox、Chrome、Opera,ie6-ie10chrome今天把一些常用的CSS Hack整理了一下,包括常用的IE hack以及Firefox、Chrome、Opera瀏覽器的Hack,並把這些CSS
Time of Update: 2015-09-01
CSS的text-indent屬性,csstext-indenttext-indent屬性的定義和用法:檢索或設定對象中的文本的縮排。 內聯對象要使用該屬性必須先使該對象表現為塊級或內聯塊級。 對應的指令碼特性為textIndent。文法結構:text-indent:<length>|<percentage>取值:<length>:用長度值指定文本的縮排,可以為負值。 <percentage>:用百分比指定文本的縮排,
Time of Update: 2015-09-01
css hack 大全,csshack各個瀏覽器的css hack區別屬性:IE6: _zoom:1;IE6/7: *zoom:1;IE6/7/8/9 :\9各個瀏覽器的css hack區別規則IE6: *html{}IE7: +.class{}非IE6: html>body {}僅Firefox:@-moz-document url-prefix(){}saf3+和Google:@media all and (-webkit-min-device-pixel-
Time of Update: 2015-09-01
CSS如何規定滑鼠指標的形狀,css滑鼠指標形狀CSS如何規定滑鼠指標的形狀:滑鼠指標在不同元素黃總的形狀,往往能夠說明此元素的功能,通過cursor屬性可以設定滑鼠指標的形狀。羅列如下:auto:標準游標 default:標準箭頭 hand:手形游標 wait:等待游標 text:I形游標 vertical-text:水平I形游標 no-drop:不可拖動游標 not-allowed:無效游標 help:?協助游標 all-scroll:三角方向標 move:移動標
Time of Update: 2015-08-30
Bootstrap--組件之按鈕組,bootstrap--組件什麼是按鈕組呢?簡單解釋:就是把一堆的按鈕放在一行或者一列中。下面來看一個執行個體。按鈕組嘛,首先是按鈕,所以會用到.btn這個類,還有就是bootstrap提供的按鈕組.btn-group這個類,所以是很簡單的,以下是bootstrap中文網提供的簡單的例子<div class="btn-group" role="group" aria-label="..."> <button type="button"
Time of Update: 2015-08-30
atitit.javascript js 上傳檔案的本地預覽,js多圖上傳前本地預覽atitit.javascript js 上傳檔案的本地預覽 1. .URL.createObjectURL 11.1. 吊銷所有使用 URL.createObjectURL 而建立的 URL,以避免記憶體流失11.2. aticode21.3. code--2
Time of Update: 2015-08-30
jQuery實現動態添加和刪除一個div,jquery實現動態div 本文主要給大家簡單介紹一下如何動態在一個元素添加和刪除div,希望能夠得到舉一反三之效。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#father{ width:150px; height:150px;
Time of Update: 2015-08-30
動態添加JS檔案到頁面,動態添加js頁面 /***** 功能: 載入外部JS檔案,載入完成後執行回呼函數callback***/var utools = { config: { id: "", url: "", charset: "gb2312", callback: function () { } }, merge: function (a, c) { for (var b in c) a[b]
Time of Update: 2015-08-30
使用Axure RP原型設計實踐01,使用概述,axurerp 首先認識Axure RP Pro 7.0軟體的預設介面布局。最上面的是工具列地區,左側上方的是網站地圖地區(sitemap),左側中部的是組件地區(Widgets),左側下方的是模板地區(Masters),中間上方的是頁面地區,中間下方的是版面設定地區,右側上方是組件屬性地區,右側下方是動態面板地區。