JavaScript

jQuery中$(function() {});問題詳解，jqueryfunction$(function() {});是$(document).ready(function(){ })的簡寫，最早接觸的時候也說$(document).ready(function(){ })這個函數是用來取代頁面中的window.onload;但是今天發現 好像不是這樣回事！是在做一個頁面載入效果時發現的！$(document).ready()

Flexbox實現垂直水平置中，flexbox垂直置中Flexbox(伸縮盒)是CSS3中新增的特性，利用這個屬性可以解決頁面中的置中問題。只需要3行代碼就可以實現，不需要設定元素的尺寸，能夠自適應頁面。這個方法只能在現代瀏覽器上有效，IE10+、chrome、Safari、Firefox。例如：HTML：首先，建立一個div容器，容器內是需要置中的內容<div class="container"> <!--容器內的元素將會置中--> <img src=

jQuery.reveal彈出層使用最近用到彈出層，還得自訂UI，原本用的artDialog太龐大，不合適了，於是就找到了這個東西，又小又好用，基礎的彈出遮罩都有了，想要什麼還不是Coder自己說了算。 這個外掛程式是基於Jquery實現的，非常小，外掛程式本身只有3K多一點，用起來也算簡單明了。 廢話不說了。上Demo 首先是引用部分： Html->head：  <head> <meta

CSS中*和body有什麼區別，CSSbody區別CSS中*和body有什麼區別:建議:儘可能的手寫代碼，可以有效提高學習效率和深度。在介紹它們兩個我們首先應該知道這兩個符號在CSS檔案中充當的是什麼角色。在CSS檔案中*是萬用字元選取器，它可以選擇文檔中所有的元素，也就是說是一個通殺選取器。body是一個普通的類型選取器，只能夠選中body這麼一個元素。而之所大家會感覺到*和body選取器有時候作用是相同的，主要是因為body是絕大多數布局元素的父元素，如果元素的CSS屬性居有繼承性的話，那麼

純javascript代碼實現計算機功能(三種方法)，javascript計算機今天來分享一下用純javascript代碼編寫的一個計算機程式，很多行業都能用到這個程式，例如做裝修預算、貸款利率等等。首先來看一下完成後的效果：方法一：具體編寫代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

js調用百度地圖及調用百度地圖的搜尋功能，js搜尋功能js調用百度地圖的方法代碼如下：<!DOCTYPE html><html><head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

jquery實現標題字型變換的滑動門菜單效果，jquery滑動門本文執行個體講述了jquery實現標題字型變換的滑動門菜單效果。分享給大家供大家參考。具體如下：這裡使用jquery字型會變大的網頁滑動門菜單，當把滑鼠放在“門”上的時候，門內的菜單字型會變大變色，對應的內容同時切換，不知如何形容本效果，所以就叫字型會變的滑動門吧。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-font-cha-tab-menu-style-codes/具體代

原生JS實現美圖瀑布流布局賞析，js瀑布自pinterest網站爆紅以來，國內一度掀起“仿PIN”狂潮，諸如花瓣、蘑菇街等等。正是如此，“瀑布流”式布局受到廣大網民的青睞。眾多知名JS庫，也相繼出現“瀑布流”布局外掛程式，譬如jQuery的Masonry外掛程式、KISSY的waterfall外掛程式等。今天閑來無聊，我也自己動手弄了段原生JS代碼，實現了簡單的“瀑布流”布局效果，當然肯定不能和以上那些優秀外掛程式相提並論，有興趣的朋友，可以去看看，希望能帶給你或多或少的收穫。1. js代碼：&

js實現可摺疊展開的手風琴菜單效果，可摺疊手風琴本文執行個體講述了js實現可摺疊展開的手風琴菜單效果。分享給大家供大家參考。具體如下：這是一款可摺疊展開的菜單，手風琴菜單，運用CSS與JavaScript技術實現的合攏與伸展的網頁菜單，代碼簡潔，來自老外的代碼作品，希望大家喜歡。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-hidden-show-sfq-style-menu-codes/具體代碼如下：<!DOCTYPE html

jquery實現通用的內容漸顯Tab選項卡效果，jquery漸顯本文執行個體講述了jquery實現通用的內容漸顯Tab選項卡效果。分享給大家供大家參考。具體如下：這是一款網頁常用的TAB選項卡功能，無滑鼠操作的時候它可以自動輪換，美化一般，看上去有些粗糙，有興趣使用的朋友可以進行細緻修飾，相信會更漂亮的。運行效果如所示：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-show-info-tab-nav-codes/具體代碼如下：<!DOCTYPE

js帶點自動圖片輪播投影片特效代碼分享，js特效代碼本文執行個體講述了javascript帶點自動圖片輪播投影片特效。分享給大家供大家參考。具體如下：這是一款基於javascript實現帶點自動圖片輪播投影片特效代碼，實現過程很簡單。運行：-------------------查看效果 下載源碼-------------------小提示：瀏覽器中如果不能正常運行，可以嘗試切換瀏覽模式。（1）在head地區引入CSS樣式：<link rel="stylesheet"

基於Flowplayer打造一款免費的WEB視頻播放器附源碼，flowplayerwebFlowplayer 是一個開源（GPL 3的）WEB視頻播放器。您可以將該播放器嵌入您的網頁中，如果您是開發人員，您還可以自由定製和配置播放器相關參數以達到您要的播放效果。本文主要介紹Flowplayer的使用。查看示範  

JS右下角廣告視窗代碼(可收縮、展開及關閉)，js視窗本文執行個體講述了JS右下角廣告視窗代碼。分享給大家供大家參考。具體如下：這是一款右下角視窗JS代碼，完美的右下角，仿新浪部落格的右個角快顯視窗，這款Javascript代碼在相容性和操作舒適度方面做的相當不錯。調用了幾張外部的圖片，使用時自行下載吧。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-right-buttom-show-close-able-adv-codes/具體代碼如下：<

JS實現先顯示大圖後自動收合顯示小圖的廣告代碼，js大圖本文執行個體講述了JS實現先顯示大圖後自動收合顯示小圖的廣告代碼。分享給大家供大家參考。具體如下：這是一個非常不錯的JavaScript圖片特效，當最初開啟網頁的時候，顯示的是大圖片，就像遮屏廣告一樣，停留一會後，自動緩慢收合，這時由JS控制更換廣告圖片，始終顯示在網頁頂部，在一些大門戶網站我們經常見到這種效果，個人感覺挺酷哦！先來看看運行效果：線上示範地址如下：http://demo.jb51.net/js/2015/js-big-to-

js實現仿MSN帶關閉功能的右下角彈窗代碼，js彈窗本文執行個體講述了js實現仿MSN帶關閉功能的右下角彈窗代碼。分享給大家供大家參考。具體如下：這是一款非常精緻漂亮的仿MSN右下角快顯視窗，帶關閉功能，直接複製代碼就管用。示範要用到幾個小圖片，啟動並執行時候點擊右鍵儲存一下，這裡提供一種思路，並不完全域限於此種方法，熟能生巧。先來看看運行效果：線上示範地址如下：http://demo.jb51.net/js/2015/js-f-msn-close-able-adv-codes/具體代碼如下：&

JavaScript學習小結(一)——JavaScript入門基礎，javascript小結一、JavaScript語言特點1.1、JavaScript是基於對象和事件驅動的(動態)　　它可以直接對使用者或客戶輸入做出響應，無須經過Web服務程式。它對使用者的響應，是採用以事件驅動的方式進行的。所謂事件驅動，就是指在首頁中執行了某種操作所產生的動作，就稱為“事件”。比如按下滑鼠，移動視窗，選擇菜單等都可以視為事件。當事件發生後，可能會引起相應的事件響應。1.2、JavaScript是跨平台的　　

jQuery實現固定在網頁頂部的菜單效果代碼，jquery菜單本文執行個體講述了jQuery實現固定在網頁頂部的菜單效果代碼。分享給大家供大家參考。具體如下：這是一款基於jQuery的固定在頁面頂部的菜單，擷取要定位元素距離瀏覽器頂部的距離，捲軸的滑動距離大於等於定位元素距離瀏覽器頂部的距離，就固定，反之就不固定。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-top-fixed-menu-style-codes/具體代碼如下：<!D

常見瀏覽器安全色問題、盒模型2種模式以及css

jquery實現滑屏大圖定時收縮為小banner圖片的廣告代碼，本文執行個體講述了jquery實現滑屏大圖定時收縮為小banner圖片的廣告代碼。分享給大家供大家參考。具體如下：這是一款基於jQuery實現的JS廣告特效，滑屏大圖廣告定時收縮為小banner圖片廣告代碼，這種廣告在各大門戶網站現在還能看得到，剛開啟網頁的時候可以看到滑下來的大圖片廣告，過一會，廣告自動縮小變成了一個banner橫幅廣告，並帶有關閉按鈕，可以關閉廣告，對於廣告來說，這個代碼挺實用。運行效果如下：線上示範地址如下：h

jquery實現的Accordion摺疊面板效果代碼，jqueryaccordion本文執行個體講述了jquery實現的Accordion摺疊面板效果代碼。分享給大家供大家參考。具體如下：這是一款Accordion摺疊面板，摺疊菜單代碼，簡單Accordion效果，採用CSS與jQuery實現，滑鼠點擊後展開，再次點擊後摺疊起來。是網上很常用的手風琴效果。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/jquery-Simple-Accordion-st