-懒洋洋-CSDN博客

原创 jQuery学习之手风琴效果

js代码：<script type="text/javascript" src="jquery-3.0.0.js"></script><script type="text/javascript"> $(function() { //获取所有li遍历 $(".li_list").each(function() {

2017-08-17 23:25:32 255

原创 jQuery学习之大轮播+小轮播

jQ代码：在写jQuery代码之前一定要先导库，此处我用的是3.0的库<script src="jquery-3.0.0.js"></script> <script type="text/javascript"> var timer; $(function() { //设置图片向左移

2017-08-17 23:16:59 390

原创 JavaScript学习之自定义对象小游戏找不同颜色

由于这个也是自定义对象写的代码，之前的博客中也有自定义对象方法，有详细的注释，这个就不再写注释了。 js代码： <script type="text/javascript"> var Box; var Yuan; function box() { this.width = "500"

2017-08-17 22:43:23 321

原创 JavaScript学习之数组去重

js代码： <script type="text/javascript"> var arr=[12,5,2,3,8,8,5,6,1,0]; var arr1=[]; function quchong(arr){ for(var i=0;i<arr.length;i++){

2017-08-17 22:33:34 153

原创 JavaScript学习之类似漂浮垃圾广告

js代码：<script type="text/javascript"> window.onload=function(){ //获取当前div var odiv=document.getElementById("div"); //获取当前浏览器尺寸

2017-08-17 22:26:02 197

原创 JavaScript学习之简单的计算器

js代码：<script type="text/javascript"> //定义一个空数组 var result = []; var btn = document.getElementsByClassName("btn"); var Screen = document.getElementsByClas

2017-08-17 22:16:29 252

原创 JavaScript学习之用数组实现图片轮播

js代码：<script type="text/javascript"> //定义num为0 var num=0; //定义一个数组，其中元素为要实现轮播的图片 var array=["mid1.jpg","mid2.jpg","mid3.jpg"]; //获取img元素

2017-08-17 21:47:21 4117

原创 JavaScript学习之自定义对象--小游戏别踩白块儿

js代码：<script type="text/javascript"> var sum = 0; var Box; var Fk; //创建一个div标签名为obox var obox = document.createElement("div"); //

2017-08-17 21:36:04 315

原创 JavaScript学习之自定义对象--小游戏贪吃蛇

2017-08-17 21:25:40 160

原创 JavaScript学习之正则表达式

先写一个简单的表单验证感受一下正则验证。 js代码： <script type="text/javascript"> var name1=document.getElementById("name"); var age1=document.getElementById("age"); var tel=document.getElementByI

2017-08-17 21:02:42 166

原创 JavaScript学习之简单的放大镜

简单的放大镜js代码：<script type="text/javascript"> //鼠标移到box1上去添加蒙板 //获取box1元素 var box1 = document.getElementsByClassName("box1")[0]; var box2=document.getElementsByClassName("b

2017-08-05 23:27:04 208

原创 JavaScript学习之图片淡入淡出

js代码：<script type="text/javascript"> var timer; //鼠标移入移出事件 //获取所有的div var divbg = document.getElementsByClassName("divbg")[0]; //鼠标移上去计时器停止 divbg.onmouse

2017-08-05 23:07:53 356

原创 JavaScript学习之Data对象--倒计时

js代码： <script type="text/javascript"> var odiv=document.getElementsByTagName("div")[0]; function time() { //获取现在的时间 var nowtime = new Date(); //设置

2017-08-05 22:50:40 325 1

原创 JavaScript学习之for循环小例子--斑马线

js代码：<script>var otr=document.getElementsByTagName("tr");//获取行//alert(otr.length)for(var i=0;i<otr.length;i++){ // 偶数行为粉色，奇数行为灰色 if(i%2==0) otr[i].style.background="pink"; }else{

2017-07-31 21:04:44 320

原创 JavaScript学习之Math对象--随机验证码

js代码：<script> window.onload = function () { var txt=document.getElementsByClassName("txt"); setInterval(function (){ //设置未来的时间为2020年8月20号0时0点0分 var time_go=new

2017-07-27 21:25:06 456

原创 JavaScript学习之Math对象

Math对象中常用的方法1.Math.random( );//随机返回0~1之间的数 2.Math.floor( );//向下取整例如：Math.floor(5/3);//返回的值为1 3.Math.ceil( );//向上取整例如：Math.floor(5/3);//返回的值为2 4.Math.round( )；//四舍五入取证，顾名思义 5.Math.abs( );//取绝对值

2017-07-27 21:19:30 157

原创 JavaScript学习之计时器的用法

在JavaScript中，有两种计时器，一个是setTimeout(fn，time),另一个是setInterval(fn，time)。time的单位是千分之一秒。下面来说一下二者的区别： 1.setTimeout：time指延迟时间，即在time时间段后执行指定函数，而且只执行一次便停止。可用clearTimeout清除计时器。 2.setInterval：time指交互时间，在time时

2017-07-24 23:29:55 803

原创 JavaScript学习之DOM元素

DOM全称document object medal1.DOM节点在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。2.DOM元素的获取方式*.getElementsByClassName(“”);//通过类名称获取元素 getElementsById(“”);//通过id名称获取元素 getElementsByTagName(“”);//通过元素的标签名称获取元素

2017-07-04 23:38:18 154

原创 JavaScript学习之大小写转换

大小写转换var a="abcdef"; z.toUpperCase();//小写转换为大写，输出结果为ABCDEF var b="ABCDEF"; y.toLowerCase();//大写转换为小写,输出结果为abcdef

2017-07-04 23:09:17 1047

原创 JavaScript学习之选项卡

选项卡主体内容： <div id="box"> <ul> <li class="li">拨号</li> <li class="li">照片</li> <li class="li">信息</li> <li class="li">联系人</li> </ul>

2017-06-23 20:21:14 238

原创 JavaScript学习之基本语法

1.变量（1）.全局变量：函数和事件之外的所有变量，作用在全局。（2）.局部变量：事件或函数里面的变量，作用只在该范围之内。2.变量的定义语法js中数据类型统一关键字：var var 变量名称；变量的声明给变量初始化，给变量赋值假定定义一个变量a=10，一般写为var a=10；3.变量的命名规则（1）.不能以数字开头。（2）.不能使用js的关键字和保留字

2017-06-23 18:14:09 258

原创 JavaScript学习之Date对象

Date对象getTime( );//获取从1970年到此时此刻的毫秒数 getFullYear;//获取当前年份 getMonth;//获取当前月份。需要注意的是，js中月份获取为0~11月 getData;//获取当前日期 getHour；//获取当前小时数 getMinutes；//获取当前分钟数 getSeconds；//获取当前秒数 getMilliseconds；//获取当

2017-06-15 23:58:10 219

原创 JavaScript学习之三元表达式

三元表达式var a=50;var b=20;a>b ? alert("true"):alert("false");输出:true输入a，b的值，当a>b为真时，输出true,反之，输出false，此时弹出结果为truevar a=20;var b=50;a>b ? alert("true"):alert("false");输出:false

2017-06-15 23:33:15 382

原创 JavaScript学习之求最大值与最小值

求最大最小值js中利用假设法求取最大最小值1.最大值var arr7=[1,4,6,3,8];function max(arr7){ var maxnum=arr7[0];//假设第一个数是最大的即为maxnum for(i=1;i<=arr7.length;i++){ if(arr7[i]>maxnum){ maxnun=a

2017-06-15 23:14:21 1103

原创 JavaScript学习之排序

数组的排序1.数组排序arr1=[4,5,6,2,3,8,1,0,7]; function add(a,b){ return(a-b) } document.write(arr1.sort(add));//从小到大排列。我理解为若a-b为负，则顺序不变，若为正，则a与b交换顺序 function jian(a,b

2017-06-15 23:09:46 203

原创 JavaScript学习之字符串与数组

在写JavaScript代码时，script标签可以写在body标签的最下面或者写在头部或body标签最上面下一行加上window.onload=function( ){ }一.输入var=( ); var btn1 = document.getElementById("btn");//获取id为btn的标签的值附给btn1 var Obtn1 = document.getElementByTa

2017-06-09 14:12:50 247

sinat_37605922的博客