原创 jq寫無縫輪播

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

原创 JQ樓層效果 需改良左右兩邊定位問題

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq寫輪播圖/jquery.min.js" t

原创 JQ常用

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script src="../js/jquery.m

原创 定時器this指向

$(function(){ $('.box').click(function(){ // 爲了防止$(this)在定時其中指向發生變化,我們把他存到一個變量裏 var jqthis = $(this);

原创 Css3瀑布流效果

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>瀑布流佈局</title> <style type="text/css"

原创 JQ獲取當前鼠標點擊位置,自己寬高,瀏覽器寬高

<script type="text/javascript"> $(function(){ $('.box').click(function(e){ // 獲取事件對象 var e = e||wi

原创 JQ給未來元素添加事件

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type="text/j

原创 h5存儲內容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.o

原创 html5-表單

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascr

原创 篩選類and找父級

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type="text/j

原创 html5-進度條-progress

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.

原创 jq實現購物網站頂部廣告自動彈出收回效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js"></script>

原创 js寫很菜的輪播圖

<div id="imgs"> <img src="img/xmad_1496676101228_Tjuqb.jpg" alt=""> <img src="img/xmad_1495420461

原创 js操作表格目的隔行換色

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script type="text/javascr

原创 jq拖拽效果

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