dizhefu7625-CSDN博客

转载 jQuery操作元素节点的方法（创建、选择、插入节点）

知识点一：创建节点注意：Jquery创建元素节点、属性节点、文本节点都使用$(html) 1.创建元素节点：$("<li></li>"); 2.创建属性节点：$("<li id='test'></li>"); 3.创建文本节点：$("hello world !"); 4.下面是创建三者的结合：$("<li id='te...

2018-05-19 16:14:00 273

转载 js之ajax

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>Demo</title> 6 <style> ...

2017-08-04 15:45:00 145

转载 js之展开与收起效果

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 &...

2017-07-23 22:04:00 130

转载 JS之选项卡-仿网易新闻

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 *{margin:0;padding:0;} 8 ul{list-style:n...

2017-07-22 22:57:00 100

转载 JS之手风琴效果

1 <!doctype html> 2 <html> 3 <head> 4 <style type="text/css"> 5 body,ul,li,p {margin: 0;padding: 0} 6 ul,ol {list-style: none;} 7...

2017-07-22 20:38:00 62

转载 jquery之下拉菜单

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <...

2017-07-22 09:41:00 85

转载 js之原生下拉菜单

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>js之下拉菜单</title> 6 <style type="text/css"> ...

2017-07-21 20:57:00 112

转载 jquery之选项卡

1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>无标题文档</title> 6 <style> 7 *{ 8 margin:0; 9 padding:0; 10 } 1...

2017-07-17 19:35:00 77

转载 jquery轮播图自动轮播效果及bug解决

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style type="text/css"> ...

2017-07-09 11:54:00 326

转载 jquery新闻标题向上滑动

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> 7 *{margi...

2017-07-09 09:46:00 111

转载 JS之轮播图自动切换效果

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>焦点轮播图</title> 6 <style type="text/css"> 7 ...

2017-06-30 21:34:00 143

转载 js之网页倒计时效果

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

2017-06-29 12:56:00 70

转载 Js获取当前日期时间及其它操作

Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear();//获取当前年份(2位)myDate.getFullYear();//获取完整的年份(4位,1970-????)myDate.getMonth();//获取当前月份(0-11,0代表1月)myDate.getDate();...

2017-06-29 10:11:00 72

转载 js之漂浮广告效果

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{width:1...

2017-06-28 10:48:00 98

转载 js判断浏览器之事件绑定

if(document.all){ //ie document.getElementById("div").attachEvent('onlick',function(){ alert(""); }) }else{//w3c document.getElementById("div").addEventListener('click',fun...

2017-06-26 10:28:00 81

转载 js之ajax实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head&gt...

2017-06-23 09:08:00 78

转载 js之选项卡2

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> #div1 .active {background:yellow;} #div1 div {width:200px; hei...

2017-06-21 11:24:00 89

转载 js之表单（全选、不选、反选）

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=function () { var oBtn1=document.getElemen...

2017-06-21 11:21:00 90

转载 js之延时提示框、定时器

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> div {float:left; margin:10px;} #div1 {width:50px; height:50px;...

2017-06-21 11:19:00 140

转载 js之选项卡效果

<!doctype html> <html lang="'en"> <head> <meta charset="UTF-8"> <title>Tab切换-自动</title> <link type="text/css" rel="stylesheet" href="css/...

2017-06-21 11:15:00 61

dizhefu7625的博客