原创 背景圖不動,元素滾動,並且滾動到某個元素是替換背景圖,回來時替換回來

<html><head></head><script src='jquery1.12.4.min.js'></script><style> #bod{     background-color :#FFF; background-imag

原创 click事件的累加綁定,綁定一次點擊事件,執行多次

閱讀數:736第一種方法是使用jquery的one()方法,爲元素綁定一個一次性的事件處理函數,這個事件處理函數只會被執行一次。$("#adsCollection_tb").one("click",function(){ aler

原创 爲子元素設置margin-top會作用在父元素上?

閱讀數:1437這個其實是 CSS 外邊距合併產生的問題。關於 CSS 的 margin 的詳細問題,我已經在我之前的博文中詳細的講過了,有興趣的可以直接點擊這個鏈接:http://blog.csdn.net/man_tutu/artic

原创 浮動元素如何居中(上下)

上下居中浮動元素左右居中:margin:0 auto;是無效的;text-align:center;也是無效的,子相父絕;子:left:0;right:0;top:0;bottom:0;margin:auto;(順序不可更改)左右居中:d

原创 左側元素固定寬;右側元素寬自適應

<!DOCTYPE><html lang="en"><style> .one {    float: left;    height: 100px;    width: 300px;    backgrou

原创 多個按鈕點擊爲選擇狀態

<html> <head>    <meta charset="utf-8"> <style> <style>.hq_hy:hover, .hq_zsh:hover, .hq_hb:hover, .hq_j

原创 當頁面加載時默認執行事件

<html> <head>  <title>當頁面加載時默認執行函數</title> </head> <script> function load(){  //下面兩種方法效果是一樣的  document.

原创 固定寬度區域顯示,子元素左右浮動,並居中

<div id='gra' style='border:1px solid red;width:100%;'> <div id='father' style='width:1000px;overflow:h

原创 自定義三級聯動菜單,默認選擇第一個,以及數據格式json轉換

<!DOCTYPE html>  <html lang="en">  <head>      <meta charset="UTF-8">      <meta http-equiv="Cache-Cont

原创 js獲取前端網絡狀態

 function lineBoth(){         if(navigator.onLine){             console.log("鏈接到網絡")            documen