Time of Update: 2015-10-25
Bootstrap學習(3),bootstrap學習Bootstrap 圖片 Bootstrap 對圖片的支援。Bootstrap 提供了三個可對圖片應用簡單樣式的
Time of Update: 2015-10-23
jQuery無重新整理切換主題皮膚執行個體講解,jquery執行個體講解主題皮膚切換功能在很多網站和系統中應用,使用者可以根據此功能設定自己喜歡的佈景主題色彩風格,增強了使用者體驗。本文將圍繞如何使用jQuery實現點擊無重新整理切換主題皮膚功能。實現該功能的原理就是通過點擊定義的主題樣式,改變頁面當前引用的主題CSS檔案,並且將當前的主題樣式寫入cookie中或者寫入資料庫中,以便下次該使用者重新訪問頁面時,調用的就是上次設定好的主題樣式。準備主題皮膚樣式首先,我準備了三個樣式表CSS檔案,分
Time of Update: 2015-10-22
JS實現仿Windows經典風格的選項卡Tab切換代碼,jstab本文執行個體講述了JS實現仿Windows經典風格的選項卡Tab切換代碼。分享給大家供大家參考,具體如下:這款仿Windows風格的選項卡,帶有灰色的立體感,樣本內容是用JS控制輸出,只是為了示範功能,你在用的時候完全可以去掉的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-windows-style-tab-demo/具體代碼如下:<!DOCTYPE html
Time of Update: 2015-10-22
JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼,立體感銀灰色本文執行個體講述了JS實現帶有3D立體感的銀灰色豎排摺疊菜單代碼。分享給大家供大家參考,具體如下:這是一款超酷的可以用到網頁左側的銀灰色豎排多級摺疊菜單,可以自己為菜單加一個背景,CSS中預留有代碼,這是比較標準和經典的一款後台管理員模式的菜單,Div+Css結構,符合標準,修改方便,挺不錯。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-3d-left-yhs-menu-demo/具體代
Time of Update: 2015-10-21
利用sublime的snippet功能快速建立程式碼片段,sublimesnippet在前端開發中我們經常會輸入相同的一些基本代碼,例如常用的jquery引用,bootstrap架構,cssreset等等,如果每次使用時在複製粘貼感覺很麻煩,這裡介紹一種更為簡潔的方法利用sublime的snippet功能快速建立程式碼片段開啟Tools->New
Time of Update: 2015-10-21
詳解JavaScript數組的操作大全,詳解javascript數組本文給大家介紹js數組的操作非常詳細,感興趣的朋友一起學習本篇文章吧。1、數組的建立var arrayObj = new Array(); //建立一個數組var arrayObj = new Array([size]); //建立一個數組並指定長度,注意不是上限,是長度var arrayObj = new Array([element[, element[, ...[,
Time of Update: 2015-10-19
純JavaScript代碼實現行動裝置繪圖解鎖,javascript解鎖移動手機裝置上有一個螢幕解鎖的應用相信大家都不陌生,在行動裝置上,使用者可以通過設定鎖定圖案作為密碼對裝置使用者介面進行鎖定,鎖定介面如所示。如下所示JavaScript Code<script> $("#gesturepwd").GesturePasswd({ backgroundColor:"#2980B9", //背景色 color:"#FFFFFF", //主要的控制項顏色 roundRadii:50
Time of Update: 2015-10-20
Flash與DIV的層疊順序問題,flashdiv層疊很多人在寫頁面代碼時都會遇到過這樣一個問題,那就是當Flash與頁面中的其它HTML結構有重疊的時候,預設情況下Flash總是顯示在最上 面,從而遮擋住了與它有重疊部分的HTML結構,就算為該Flash或是HTML結構標籤定義z-index屬性卻依然是無效的。 因為預設情況下在網頁中添加的Flash在瀏覽器中是以視窗模式存在的,是獨立於瀏覽器的HTML結構渲染的,所以這種情況下的Flash會遮蓋住與它重疊的HTML。 在Adobe
Time of Update: 2015-10-18
在Ubuntu系統上安裝Node.JS的教程,ubuntunode.jsNode.js 在即時的 Web應用上採用了基於 WebSocket 的推送技術。這意味著什麼樣的革命性?Well,在經過了20多年的基於無狀態的請求-返機制的無狀態互動之後,我們終於有了即時的,雙向串連的web應用,用戶端和伺服器端都可以發起通訊,能夠自由地交換資料。與此形成鮮明對比的是傳統的
Time of Update: 2015-10-19
談談JavaScript自訂回呼函數,javascript回呼函數廢話不多說了,直接給大家貼代碼了。背景分析首先看一段js的代碼,主要實現添加的時候首先通過非同步請求判斷是否存在,如果不存在的話,在進行添加操作:function add(url,data) { var isExited = isExited(data); if(!isExited){ addRequest(url, data);
Time of Update: 2015-10-16
插入並列div使其置中,並列div置中<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Author" content="胡超"> <title>super胡</title><style type="text/css"> html,body,div {margin: 0;padding: 0}/*、在
Time of Update: 2015-10-16
JavaScript+CSS實現仿Mootools豎排彈性動畫菜單效果,cssmootools本文執行個體講述了JavaScript+CSS實現仿Mootools豎排彈性動畫菜單效果。分享給大家供大家參考。具體如下:這裡示範JavaScript+CSS仿Mootools豎排黑色動畫菜單,並非使用了Mootools,但效果卻和使用了Mootools差不多,動畫效果平滑,操作舒服,給菜單增色不少。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-css-
Time of Update: 2015-10-14
style標籤進行即時編輯及修改css(轉),stylecss心得:style也是一個標籤,那麼也可以使用css對其進行編輯html5新屬性 contenteditable,可以讓標籤元素處於可編輯狀態,對於style標籤也適用為了不影響head標籤裡的style標籤,如此寫body style {}最後代碼為:body style { display: block; padding: 0.6em 0.8em; border: 1
Time of Update: 2015-10-14
jQuery實現仿新浪微博浮動的訊息提示框(可智能定位),jquery新浪本文執行個體講述了jQuery實現仿新浪微博浮動的訊息提示框。分享給大家供大家參考。具體如下:這是一款jQuery實現的仿新浪微博新訊息提示框效果,支援智能浮動定位框,新浪微博用來提示訊息時候的智能定位框,可以適時關閉視窗,你完全可以將其應用到你網頁的其它地方。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-f-sina-weibo-info-dlg-demo/具體代碼如下:
Time of Update: 2015-10-14
關於事件mouseover ,mouseout ,mouseenter,mouseleave的區別,mouseovermouseout最近在做的線上考試和課程商城都遇到這樣的問題:就是滑鼠滑過的時候出現一個層,當滑鼠滑到當前層的話mouseover和mouseout在低版本的瀏覽器會出現閃動的現象,解決這個現象的辦法有許多,不過我覺得有一種是最簡單的那就是把mouseover和mouseout換成對應的mouseenter和mouseleave。當滑鼠指標位於元素上方時,會發生
Time of Update: 2015-10-14
一個php+js即時顯示時間問題,phpjs即時顯示我們先來看下這段代碼$(function(){setInterval(function(){var timer = '<?php echo date("Y-m-d H:i:s",time())
Time of Update: 2015-10-14
JS實現的車標圖片提示效果代碼,js本文執行個體講述了JS實現的車標圖片提示效果。分享給大家供大家參考。具體如下:這是一款基於JavaScript的滑鼠提示效果,名車車標展示提示效果-滑鼠移過時顯示車標圖片,頁面開啟後並不顯示車標,只有當滑鼠移在車標上的時候,車標才突然出現,類似Js提示特效,本代碼相容性也寫的不錯,代碼也並不複雜,大部分是調用圖片的。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-car-ico-alert-style-demo/
Time of Update: 2015-10-14
快速學習JavaScript的6個思維技巧,快速學習javascript我們在學習JavaScript,或其他任何編碼技能的時候,往往是因為這些攔路虎而裹足不前: 有些概念可能會造成混淆,尤其當你是從其他語言轉過來的時候。 找不到時間(有時是動力)學習。 很容易忘記已經理解了的東西。
Time of Update: 2015-10-14
JS實現新浪微博效果帶遮罩層的彈出框代碼,js遮罩本文執行個體講述了JS實現新浪微博效果帶遮罩層的彈出框代碼。分享給大家供大家參考。具體如下:這是一款新浪微博效果的彈出框,現成的JS代碼,相容IE6+,以及各主流瀏覽器。新浪微博彈出層並可拖拽,操作輕鬆舒適,符合使用者的瀏覽習慣,將代碼推薦給各位網友。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-sina-zzxg-dlg-demo/具體代碼如下:<!DOCTYPE html PUBLIC
Time of Update: 2015-10-14
淺談Nodejs觀察者模式,淺談nodejs觀察者一、前言Nodejs使用有些日子了,近來再回顧下其API、多使用新特性,以期有更高層次的掌握,本次API的總結區別於單純對英文版的漢化,會多做些擴充和自己的理解,希望對大家有所協助,先從最核心的Events開始Nodejs的Events實現了一種觀察者模式,其支援了Nodejs的核心機制,且http / fs /