JavaScript

部分瀏覽器上a標籤包裹的dom元素顯示不正常，標籤dom在蘋果和部分安卓機上出現,pc端和chrome瀏覽器響應式設計裡怎麼樣也不會出現的訪問後a標籤包裹的dom元素顯示不正常a標籤內的hr元素顏色顯示不正常hr水平線的顏色被 bootstrap的css的 a { color: #428bca; text-decoration: none;} a:hover,a:focus {  color: #2a6496;  text-decoration:

如何將一個絕對位置的div水平垂直置中對齊，div水平置中對齊如何將一個絕對位置的div垂直置中對齊:建議:儘可能的手寫代碼，可以有效提高學習效率和深度。在某些時候可能需要將一個絕對位置的div在它的父物件中垂直置中對齊，可能用到的頻率不是太高，但是偶爾也會用到，下面就簡單介紹一下如何?此功能。在通常情況下，可以為元素添加margin:0px auto即可讓元素在它的父元素水平置中，然後再將它設定為垂直置中對齊即可。但是為絕對位置的對象添加margin:0px

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

什麼是表現和內容分離，表現內容分離什麼是表現和內容分離: 表現和內容分離是網頁布局一直倡導的原則，也是當下非常流行的名詞之一，可能很多開發人員雖然已經在很好的利用表現和內容分離原則進行網頁布局，但是並沒有對它有過多的注意，下面就結合代碼執行個體簡單介紹一下什麼是表現和內容分離。代碼執行個體如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta

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

利用JSONP實現跨域請求　前言：有時候一忙起來就沒了時間觀念，原來我已經有十多天沒寫部落格了。一直想做跨域方面的嘗試，無奈最近準備校招沒時間動動手。今天就先講講JSONP吧，昨晚還在研究QQ空間日誌裡面網狀圖片的問題呢，我發現日誌還提供了HTML模式，我們可以利用img標籤的src屬性實現跨域請求，從自己的伺服器裡提取動態內容。 JSONP 　　在講實現之前，我們先來看看何為JSONP。以下是維基百科的解釋： 　　JSONP or "JSON with

JavaScript的attribute和property辨析1、AttributeAttribute是HTML上設定的屬性，在html中顯式地設定，或者通過setAttribute()方法設定。 <input type='text' id='txt' a=b />比如這樣一段html代碼，實際上它有三個attribute屬性，我們可以列印出來看看： var a = document.getElementById('txt&

JS簡單實現多級Select聯動菜單效果代碼，jsselect聯動菜單本文執行個體講述了JS簡單實現多級Select聯動菜單效果代碼。分享給大家供大家參考。具體如下：JS聯動菜單，簡單代碼實現JS多級Select聯動菜單，也就是大家常用的一款菜單，Select聯動狀態的菜單，網頁上經常見到的效果，希望大家能用得上。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-simple-select-ld-menu-codes/具體代碼如下：<!DOCT

JavaScript 開發人員必備的10款 SublimeText 外掛程式 Sublime Text 是一款幾乎所有開發人員都必備的非常強大的軟體。它是跨平台的、高度可定製化的、非常先進的文字編輯器，完美的彌補了全功能的 IDE出了名的消耗資源）與命令列編輯器如VIM、Emacs有陡峭的學習曲線）的不足。使得 Sublime 如此強大的原因之一是它的可擴充外掛程式架構，這使得開發人員可以非常容易的擴充 Sublime 的核心功能，如代碼補全、或遠程介面文檔的嵌入。

Javascript實現快速排序（Quicksort）的演算法詳解，快速排序演算法詳解目前，最常見的排序演算法大概有七八種，其中"快速排序"（Quicksort）使用得最廣泛，速度也較快。它是圖靈獎得主C. A. R.

js實現左側網頁tab滑動門效果代碼，tab滑動門本文執行個體講述了js實現左側網頁tab滑動門效果代碼。分享給大家供大家參考。具體如下：這是一款開口靠左的網頁滑動門，網頁滑動門,TAB滑動門,豎排滑動門菜單,豎排TAB選項卡，相容IE6/IE7/FF/opera瀏覽器。其實豎排和橫排的代碼基本一樣，只不過稍加修改就可以了。只要學會了一種滑動門，就能舉一返三了。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-left-tab-cha-style-c

js實現滑鼠點擊左上方滑動菜單效果代碼，js滑鼠點擊本文執行個體講述了js實現滑鼠點擊左上方滑動菜單效果代碼。分享給大家供大家參考。具體如下：這裡需要滑鼠點擊啟用的網頁左上方菜單，不點擊不會滑出來，可以改造成二級菜單。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-click-hd-show-menu-style-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0

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

jquery中val()方法是從最後一個選項往前讀取的，jqueryval在jquery中，val()方法是從最後一個選項往前讀取，如果選項的value或者text中任意一項符合就會被選中<select id="single"> <option>選擇1號</option> <option>選擇2號</option> <option value="選擇2號">選擇3號</option></select&

js實現改進的仿藍色論壇導覽功能表效果代碼，js導覽功能表本文執行個體講述了js實現改進的仿藍色論壇導覽功能表效果代碼。分享給大家供大家參考。具體如下：這是一款改進的仿藍色論壇導覽功能表，滑動門級的導覽功能表，網址跟蹤連結的JS導覽功能表，可以支援二級的菜單。為改善使用者體驗，加了延時。其原理是將連結地址和網址比較，如果一致，則加強該連結和上級連結的顯示。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-f-blue-color-style-bbs-

js實現的Easy Tabs選項卡用法執行個體，easytabs本文執行個體講述了js實現的Easy Tabs選項卡用法。分享給大家供大家參考。具體如下：本網頁選項卡是Easy Tabs選項卡外掛程式中的一個示範執行個體代碼，是一個最簡單的選項卡樣式，稍帶點動畫色彩，希望大家喜歡哦。運行效果如下：線上示範地址如下：http://demo.jb51.net/js/2015/js-Easy-Tabs-cha-menu-codes/具體代碼如下：<!DOCTYPE html PUBLIC "-/

利用HTML5的畫布Canvas實現刮刮卡效果，html5刮刮卡先給大家展示效果：查看示範  

js實現帶緩衝效果的仿QQ面板摺疊菜單代碼，js摺疊本文執行個體講述了js實現帶緩衝效果的仿QQ面板摺疊菜單代碼。分享給大家供大家參考。具體如下：帶緩衝效果的仿QQ面板摺疊菜單代碼，使用方法：調用效果: Effect(1,2); 其中1為: 被改變對象的id 其中2為: 控制容器的id 可在使用: this.parentNode.id