原创 javascript基礎練習-全選,反選,全不選

<!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript"> window.onload=function(){ var a=do

原创 原生js實現ajax方法

var Ajax={ get: function(url, fn) { var xhr = new XMLHttpRequest(); xhr.open('GET', url,

原创 jquery輪播圖

效果圖如下:HTML部分:<div class="main"> <div class="view"> <ul class="imageBox"> <li><img src="../images/0.jpg"></li>

原创 jquery基礎練習-全選,全不選,反選

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <script type="text/javascript" src="../jquery-3

原创 javascript基礎練習-無縫滾動

效果圖如下: 主要是通過改變left值和定時器完成此效果 代碼部分如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/c

原创 javascript基礎練習-數字時鐘

需要事先準備好0到9的數字圖片,分別命名爲0到9.png 以下是效果圖: 代碼部分: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css">

原创 javascript基礎練習-拖拽練習

效果圖如下(先拖拽,後回放): <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0;

原创 javascript基礎練習-大圖跟隨鼠標移動展示

效果圖如下: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; }