原创 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; }