原创 學習技術,最忌諱的就是眼高手低!

    這是我在CSDN上第一次寫文章,因爲現在在學習H5,有點心浮氣躁,以爲基礎的都會,很簡單,所以只想看不想動手,結果大神拿了張老版百度的首頁圖片讓我們用剛學的基礎標籤來完成,本來興致高漲,因爲基礎的東西很簡單,像什麼a標籤,p標籤什

原创 JS中常見的瀏覽器兼容問題和解決方法

今天整理了一下瀏覽器對JS的兼容問題,希望能給你們帶來幫助,我沒想到的地方請留言給我,我再加上; 常遇到的關於瀏覽器的寬高問題: //以下均可console.log()實驗 var winW=document.body.c

原创 js入門篇之正則表達式基礎

定義:正則用於規定在文本中檢索的內容,它是對字符串執行模式匹配的強大工具 RegExp(正則表達式) 對象的語法: new RegExp(pattern, attributes); pattern爲一個字符

原创 js中常用的Tab切換

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab</title> <style> *{margin:

原创 隨機得到1-20之間的10個不相同的隨機數

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>10個隨機數不相同</title> </head> <body> <h1

原创 js控住DOM實現發佈微博簡單效果

這段代碼的效果具體是輸入標題和內容,點擊發布把消息發佈出去,並使最新的消息始終在內容的最上面,代碼爲: <!DOCTYPE html> <html lang="en"> <head> <meta

原创 event事件學習小節

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>event事件</title> </head> <body> <scrip

原创 使用js實現帶有停頓效果的圖片滾動(按鈕控制)

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>無縫滾動2</title> <style> #warp{

原创 簡單的碰壁反彈效果

可以使用js來實現簡單的碰壁反彈效果,具體的內容請大家參考代碼部分。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 從全局中通過class類名獲取標籤

<!doctype html> <html> <head> <meta charset="utf-8"> <title>全局類名獲取</title> <meta name="keywords" content=""> <meta name

原创 js入門篇之Math對象

Math對象用於執行數學任務 Math對象的屬性: Math對象的方法: 常用屬性和方法: Math.PI ----------------返回圓周率3.14 ... Math.ceil(x) ------------對數值x進行向上

原创 html5學習小結,float練習。

 經過兩天的H5學習之後,做了一下float屬性的練習,要做出來的效果爲: 下面爲代碼部分,所用到的知識不多,不過才現在剛開始,以後要學的東西還有很多,大家繼續加油! <!DOCTYPE html> <html lang="en">

原创 簡單的鼠標拖動效果

使用js實現簡單的鼠標拖動效果,但此部分代碼有個小小的BUG,後期改進好我會寫進來,但基本的效果已經實現,請大家參考。 <!DOCTYPE html> <html lang="en"> <head>

原创 使用js製作一般網站首頁圖片輪播效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圖片輪播</title> <style> .warp{

原创 簡單的使用鍵盤控制方塊移動

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>鍵盤控制方塊移動</title> <style> #box{