JavaScript

jquery.mousewheel實現整屏翻屏效果，jquery.mousewheel實現整屏上下翻效果：需載入的js<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript"

經常使用的兩個清爽的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; }

CSS Hack大全-教你如何區分出IE6-IE10、FireFox、Chrome、Opera，ie6-ie10chrome今天把一些常用的CSS Hack整理了一下，包括常用的IE hack以及Firefox、Chrome、Opera瀏覽器的Hack，並把這些CSS

AngularJS 路由：ng-route 與 ui-routerAngularJS的ng-route模組為控制器和視圖提供了[Deep-Linking]URL。 通俗來講，ng-route模組中的$routeService監測$location.url()的變化，並將它映射到預先定義的控制器。也就是在用戶端進行URL的路由。 下面首先給出$route的使用樣本，然後引入一個更加強大的用戶端路由架構ui-router。Angular

javascript之函數表達JavaScript中的函數其實就相當於java中的方法，只不過方法定義的格式不一樣而已。但是java和JavaScript是完全不同兩種語言，大家不要認為這倆都有一個java就認為兩者有關係，這兩種語言其實一點關係都沒有。下面就說一JavaScript中的函數表達。 一、函數的聲明方式A.基本文法function 關鍵字1、function 函數名([參數1],[參數2]....){函數體[retrun] //傳回值}B.字面量定義的形式(匿名函數)2、

js apply/call/caller/callee/bind使用方法與區別分析一、call 方法 調用一個對象的一個方法，以另一個對象替換當前對象(其實就是更改對象的內部指標，即改變對象的this指向的內容)。Js代碼call([thisObj[,arg1[, arg2[, [,.argN]]]]])參數thisObj可選項。將被用作當前對象的對象。arg1, arg2, , argN可選項。將被傳遞方法參數序列。說明call 方法可以用來代替另一個對象調用一個方法。call

AngularJS+Node.js實現線上聊天室，angularjsnode.js不得不說，上手AngularJS比我想象得難多了，把官網提供的PhoneCat例子看完，又跑到慕課網把大漠窮秋的AngularJS實戰系列看了一遍，對於基本的使用依然有很多說不清道不明的疑惑，於是決定通過做一個線上聊天室協助理解。DEMO可以戳→chat room，代碼可以戳→ChatRoom-AngularJS。清晰圖可以戳 http://www.bkjia.com/uploads/allimg/150830/0

基於jQuery實現Div視窗震動特效代碼-代碼簡單，jquerydiv這是一款jQuery視窗震動效果代碼，在Div邊框內點擊一下滑鼠，它就開始震動了，適用瀏覽器：IE8、360、FireFox、Chrome、Opera、傲遊、搜狗、世界之窗等。如下：代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

網頁字型特效代碼，字型特效代碼為了讓博友們的空間變得更加美觀漂亮，幽香收集了些字型特效代碼與朋友們分享！ 一、圖邊字型代碼紫漫幽香歡迎您！代碼：<FONT> 二、陰影字型代碼  成熟的人不問過去，聰明的人不問現在，豁達的人不問未來！    代碼： </P><DIV align=center><P

js實現帶圓角的多級下拉式功能表效果，js圓角下拉式功能表本文執行個體講述了js實現帶圓角的多級下拉式功能表效果。分享給大家供大家參考。具體如下：這是一款酷黑的圓角多級下滑菜單，可支援三級，滑鼠放上後可見到滑出的菜單，調用了一個JS封裝庫，代碼有些複雜，有興趣的可研究。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-down-show-menu-style-codes/具體代碼如下：<!DOCTYPE HTML PUBLIC "-//W3C/

對於浮動的一些理解，浮動一些理解　　第一次寫部落格，不知道寫點什麼，以前也沒寫過，所以寫得不好請見諒。　　剛學了CSS浮動，所謂浮動，就是使文字和映像產生一些環繞效果，它的意思就是使用了浮動float屬性之後，將浮動的元素從正常文檔流中脫離，正常的文檔流中，div是區塊層級元素，獨佔一行，如果不使用浮動讓div並排的話，只能使用定位position（暫且不說）。　　要想使div元素並排顯示，就要用到浮動屬性，由於div是區塊層級元素獨佔一行，所以如果不使用浮動正常情況下是按照常規流的排列順序進行

18、HTML，18htmlHTML超文字標記語言 (HTML)（Hyper Text Markup Language）。用來描述網頁的一種語言。HTML標籤由角括弧包圍的關鍵詞。 如：<html>通常是成對出現的，開始標籤和結束標籤。 如：<html>和</html>HTML文檔用來描述網頁。包含HTML標籤和文本。文檔的結構<!DOCTYPE html><html lang="zh-CN"> <head>

CSS BFC(Block Formatting Context)，bfcformattingBFC的定義是 W3C CSS 2.1 規範中的一個概念，它決定了元素如何對其內容進行定位，以及與其他元素的關係和相互作用。在建立了 Block Formatting Context 的元素中，其子項目會一個接一個地放置。垂直方向上他們的起點是一個包含塊的頂部，兩個相鄰的元素之間的垂直距離取決於 ‘margin’ 特性。在 Block Formatting Context

atitit.javascript js 上傳檔案的本地預覽，js多圖上傳前本地預覽atitit.javascript js 上傳檔案的本地預覽  1. .URL.createObjectURL 11.1. 吊銷所有使用 URL.createObjectURL 而建立的 URL，以避免記憶體流失11.2. aticode21.3. code--2 

如何讓input之間無空隙，input無空隙自己在做一張網站首頁的時候，遇到了一個百思不得其解的問題，就是如何讓相鄰的input之間沒有空隙?html代碼<div class="search"> <input class="search-text" type="text"> <input class="search-btn" type="button" value="搜 索"></div>css代碼.header-search

關於HTML，css3自適應螢幕，自適應寬度，css3自適應設定了在不同解析度下，顯示的css樣式：@media screen and (min-width:1080px){ .box{ width: 1080px;}.content{width: 1040px;} .img{height:180px;} .img{font-size: 48px;line-height: 180px;} .title{font-size: 46px;line-height: 100px;}

HTML5應用之時鐘，html5時鐘利用HTML5的Canvas

jQuery實現動態添加和刪除一個div，jquery實現動態div 本文主要給大家簡單介紹一下如何動態在一個元素添加和刪除div,希望能夠得到舉一反三之效。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#father{ width:150px; height:150px;

動態添加JS檔案到頁面，動態添加js頁面 /***** 功能： 載入外部JS檔案，載入完成後執行回呼函數callback***/var utools = { config: { id: "", url: "", charset: "gb2312", callback: function () { } }, merge: function (a, c) { for (var b in c) a[b]

css動畫結束後 js無法修改translated值 .，csstranslated由於項目的需要，俺要做一些頁面的轉場動畫。即將是移動端，肯定是首先css動畫了。結果確發現，css動畫中，如果設定animation-fill-mode: both;在動畫結束後無法個性translate3d的值；起初，以為是項目過於複雜，代碼之前造成了相互影響，可事實並非如何。後來，我便寫了個簡單demo來測試；css:@keyframes slideInRight { 0% {