Time of Update: 2015-10-27
前端css架構SASS使用教程(轉),csssass一、什麼是SASS SASS是一種CSS的開發工具,提供了許多便利的寫法,大大節省了設計者的時間,使得CSS的開發,變得簡單和可維護。本文總結了SASS的主要用法。我的目標是,有了這篇文章,日常的一般使用就不需要去看官方文檔了。 二、安裝和使用 2.1
Time of Update: 2015-10-27
【原創教程】鯨吞HTML,原創教程鯨吞首先,我們的angularJS課程分為三大模組:HTML/CSS/JS基礎、angularJS詳解、angualrJS的一些實用架構講解。其中,第一大模組的對象是對前端開發技術有點瞭解但不熟悉的童鞋,其中會對HTML/CSS的基礎進行學習,由於本課程的性質,會對其中的JS著重講解。第二大模組的物件導向是對前端技術HTML/CSS/JS有了一定瞭解的童鞋,能構建網頁。第三大模組則是我們這個課程的小彩蛋環節,期待一下。這一節課中,我們將講解下HTML和CSS的基
Time of Update: 2015-10-27
類比公交月台豎直排列,左右對齊,月台豎直左右對齊今天看到一個公家車月台的公家站牌,對站名的相片順序很有興趣,html和css沒有提供文字豎直排列的簡便方法,需要我們利用一些技巧才能完成 大概要的效果就是這樣的,豎直排列,左右對齊首先先對豎直排列進行設計先上html代碼: 1 <ul> 2 <li><b>站牌1</b></li> 3 <li><b>站牌2
Time of Update: 2015-10-27
JavaScript之 ------ 函數(一般函數、動態函數、匿名函數)函數 一、一般函數 1、格式:function 函數名(形式參數...){執行語句;return
Time of Update: 2015-10-27
你不知道的JavaScript--Item19 執行內容(execution context)在這篇文章裡,我將深入研究JavaScript中最基本的部分——執行內容(execution
Time of Update: 2015-10-27
表單元素——checkbox樣式美化,表單checkbox樣式一、背景 設計獅童鞋總是會設計各種高大上的,比如下面這個土豪金的效果。 該圖中“已閱讀並同意相關服務條款”前面的複選框有一個金色的邊框,打鉤時是一個金色的對勾。接下來說說怎樣實現該效果。二、解決方案1、純css解決方案 在css3
Time of Update: 2015-10-27
JavaScript之 ------ 數組相關知識(輕鬆玩轉js數組)數組 1、Js中的數組的長度是可以自動成長的2、Js中的數組的功能相當於Java中的數組和集合的綜合3、var arr=[3,2,-4,78,10];//正確,注意,Java賦初值用的是大括弧,而Js用的是中括弧var arr[]=[3,2,-4,78,10];//錯誤的,不能聲明成arr[]----聲明時不能帶中括弧4、遍曆數組 <script type=text/javascript>
Time of Update: 2015-10-27
基於Bootstrap3的輕量級大型導覽功能表,bootstrap3導覽功能表yamm3是一款基於Twitter Bootstrap3的輕量級大型導覽功能表外掛程式。該大型菜單使用Bootstrap3標準的導覽功能表標籤和流式網格系統來製作。它具有頂部固定和響應式等特點,適合用於製作複雜的網站導覽功能表。線上預覽 源碼下載 安裝可以通過bower來安裝該Bootstrap3大型菜單外掛程式。bower install yamm3
Time of Update: 2015-10-27
jQuery+AJAX實現遮罩層登入驗證介面(附源碼),jqueryajaxJQuery遮罩層登入介面效果的實現,AJAX實現登入驗證,文章尾有完整樣本源碼下載,歡迎大家學習研究。作業系統:Windwos7 Ultimate開發工具:Visual Studio 2010資料庫:Sql Server 2005測試瀏覽器:IE8、FF3.6.8、Google Chrome
Time of Update: 2015-10-27
JQuery ligerUI ligerTree 基本使用方法首先引入相應的ligerUI的css和js檔案1,html <ul id="tree"></ul>2,初始化$("#tree").ligerTree({ checkbox: false, parentIcon: null, childIcon: null ,
Time of Update: 2015-10-27
JS實現狀態列跑馬燈文字效果代碼,跑馬燈文字效果本文執行個體講述了JS實現狀態列跑馬燈文字效果代碼。分享給大家供大家參考,具體如下:這款狀態列跑馬燈,文字跑動的定義在數組內,自己可修改內容。現在的IE8貌似不相容,有缺憾的代碼,歡迎JS愛好者修正,修正請發回一份。狀態列為效果顯示區。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-ztlpmd-txt-style-codes/具體代碼如下:<HTML><HEAD><TI
Time of Update: 2015-10-27
你不知道的JavaScript--Item20 範圍與範圍鏈(scope
Time of Update: 2015-10-27
js判斷日期時間有效性的方法,js判斷日期有效性分享兩種使用javascript驗證日期以及時間是否有效方法第一種://| 日期有效性驗證 //| 格式為:YYYY-MM-DD或YYYY/MM/DD function IsValidDate(DateStr){ var sDate=DateStr.replace(/(^\s+|\s+$)/g,'');//去兩邊空格; if(sDate==''){ return true; } //如果格式滿足YYYY-(/)MM-(/)
Time of Update: 2015-10-27
jQuery實現懸浮在右上方的網頁客服效果代碼,jquery客服本文執行個體講述了jQuery實現懸浮在右上方的網頁客服效果代碼。分享給大家供大家參考,具體如下:這是款網頁線上客服代碼,應用了jquery外掛程式,相容性不錯。預設狀態下,客服只顯示一個圖片Button,用滑鼠點擊時展開全部內容,可用作QQ客服,售後客服等,可以作為網站快速通道,方便使用者進行相應的操作。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/jquery-right-top-we
Time of Update: 2015-10-27
javascript學習筆記整理(概述、變數、資料類型簡介),javascript學習筆記A.概述1.輸出工具:document.write()---可以是htmlalert()---字串prompt(text,defaultText) text---可選。要在對話方塊中顯示的純文字(而不是 HTML 格式的文本)。 defaultText---可選。預設的輸入文本。2.js的放置a.可以再HTML的任何位置放置b.但他是一個整體,相互影響c.在超連結和重新導向的位置<a href=
Time of Update: 2015-10-27
JavaScript中日期的相關操作方法總結,javascript操作方法建立日期Date 對象用於處理日期和時間。 可以通過 new 關鍵詞來定義 Date 對象。以下代碼定義了名為 myDate 的 Date 對象:有四種方式初始化日期:new Date() // 當前日期和時間new Date(milliseconds) //返回從 1970 年 1 月 1 日至今的毫秒數new Date(dateString)new Date(year, month, day, hours,
Time of Update: 2015-10-27
使用jquery動態載入Js檔案和Css檔案,jquerycss如果你有很多關聯的CSS檔案要一起載入,或者想動態載入不同的CSS檔案,那麼下面的方法你一定對你有協助。Jquery動態載入Js和Css擴充方法$.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i <
Time of Update: 2015-10-27
jQuery實現滑鼠經過事件的延時處理效果,jquery實現滑鼠延時jQuery滑鼠經過(hover)事件的延時處理,具體JS代碼如下:(function($){ $.fn.hoverDelay = function(options){ var defaults = { hoverDuring: 200, outDuring: 200, hoverEvent: function(){ $.noop(); },
Time of Update: 2015-10-27
執行個體解析JS布爾對象的toString()方法和valueOf()方法,tostringvalueoftoString() 方法把布爾值轉換為字串,並返回結果。執行個體將布爾值轉換為字串:var bool = new Boolean(1);var myvar = bool.toString();輸出結果:true定義和用法toString()
Time of Update: 2015-10-27
js實現跨域的幾種方法匯總(圖片ping、JSONP和CORS),jsonpcors跨域雖然有同源策略的存在,但是在js中跨域也依然很常見,有document.domain、window.name、圖片ping、jsonp、CORS,在這裡簡單總結片ping、jsonp和CORS備忘。圖片ping圖片可以從任何URL中載入,所以將img的src設定成其他域的URL,即可以實現簡單的跨域,可以使用onload和onerror事件來確定是否接受到了響應。var img=new