原创 如何跨瀏覽器處理事件【兼容各大瀏覽器包括ie】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>跨瀏覽器處理事件</title> </head> <body> <input type="

原创 多物體緩衝運動js代碼大全

奉上我的代碼!!兼容ie和Firefox <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>多物體運動</title> <style> u

原创 簡單抽獎活動js代碼

代碼如下:(兼容Firefox和ie) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style ty

原创 刷新頁面隨機改變某段落的文字(js代碼)

今天來介紹一下刷新頁面時候觸發的隨機事件(每當刷新一次頁面,該段文字隨機改變一次)代碼如下(兼容ie,Firefox) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF

原创 javascript如何創建子節點

學習完HTML+css後,我並沒有直接去學習HTML5和css3,而是開始學習JavaScript,現在就是jQuery基礎也懂一點,js也懂一點,css3也懂得那麼點。但是給我的感受就是不精通熟練,於是咬咬牙開始從心開始學起了JavaS

原创 【css3初級】transition過渡效果寫法,鼠標放到圖片上圖片變小

transition過渡效果可以應用到html每個元素。用法是添加到每個元素的事件中,比如說hover,onmouseover,onclick事件等。 下面就給大家介紹下transition的簡單用法:<!DOCTYPE html> <h

原创 原生javascript實現圖片自動輪播和點擊輪播代碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*重

原创 瀑布流佈局html+css+js分享

很久沒上這個博客了,剛入行三四個月,很多東西都不懂,在公司也沒多少項目可做,更多的是在做簡單的維護工作,有時候,我都在懷疑自己以後是不是真的會繼續在這行做下去?有的時候甚至想放棄,感覺自己有太多的東西不懂,在學的過程中斷斷續續,毅力不夠!

原创 css3彈性盒子如何佈局

【屬性flex-direction:row,row-reverse,column,colmn-reverse】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

原创 fireforks上無法正常顯示bootstrap圖標問題

在學習bootstrap的時候,有一個問題始終非常疑惑和困擾,就是firefox無法顯示bootstrap自帶的那套名爲“glyphicon”的圖標

原创 展開/收起按鈕顯示隱藏文字js代碼

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{pa

原创 js寫當前系統的時間代碼案例分享

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>當前系統時間</tit

原创 css3初體驗之animation簡單動畫例子【來回滑動的小球】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{width: 200px;he

原创 簡單jQuery根據屏幕下拉到一定高度顯示返回頂部按鈕代碼

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title>

原创 【分享】如何用jQuery算出window scorll的高度是多少!

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="http://libs.baid