Strive_18-CSDN博客

原创 jQuery实现两个CSS样式之间的点击切换

指定CSS样式之间的点击切换jQuery实现两个指定样式的点击切换的效果：代码如下：html代码：CSS代码：.green{height:100px;width:100px;background:green;}.red{height:100px;width:100px;background:red;}jQuery代码：此代码使

2018-01-20 09:08:32 7968

原创 js实现点击置顶

js实点击置顶的功能需要掌握的知识点1、js中的scrollBy() 方法把内容移动指定的尺寸，单位是像素scrollBy(x,y)x 必填 —— 内容向右移动的尺寸y 必填 —— 内容向下移动的尺寸2、js中的scrollTop()方法获得元素滚动条内的顶部隐藏部分的高度scrollTop属性只有DOM元素才有，window/document没有。

2017-12-01 11:06:53 13882

原创 js中改变元素的属性

js中改变元素属性的方法 1、js中改变元素的属性值格式：某元素.style.某属性 = '改变值'; 例如：oDiv.style.width = '300px'; 在js中如果遇到类似font-size这种属性，需要将其写为fontSize，在对它的值进行改变2、js中改变元素的浮动值时会遇到兼容性的问题 IE情况

2017-06-11 17:27:17 6419

原创 js中的onclick事件在ul获取li时点击两次才会执行的原因

js中的onclick事件在ul获取li时点击两次才会执行的原因下面的代码中只有onclick第二次才会执行函数内部的代码代码实例如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js点击事件</title>

2018-05-12 19:51:50 4899

原创 jQuery中实现2个或3个库同时存在

jQuery 中的 noConflict()属性该函数属于全局的jQuery对象jQuery.noConflict()函数用于让出jQuery库对变量$(对变量jQuery)的控制权也可用于为 jQuery 变量规定新的自定义名称注：在其他的JavaScript库中也使用$时此方法存在可以防止库之间的冲突非常有用使用的语法如下： jQuery.noConflict( [ remov...

2018-04-19 19:26:48 517

原创 js实现评论的展开收缩

js实现评论的展开收缩通过使用js中的点击事件、字符串的截取、if...else判断实现评论的展开与收缩代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>js实现展开收缩</title> &

2018-04-13 11:10:56 1493

原创 jQuery中的动画效果

jQuery中的动画效果show() 显示 display:block/inline-block;hide() 隐藏 display:none;实现原理：在元素内部将display的属性改变可以在()里面传递参数数字设置消失的时间消失时是渐变消失的参数slow(200毫秒) normal(400毫秒) fast(600毫秒)写错或是不写值时默认值是normal可以传递回调函数可以实现列...

2018-03-30 20:52:17 471

原创 jQuery中的表单选择器

jQuery中的表单选择器1、可以通过input框中的name值精准的选择input框$('input[name=pass]');此代码可以精准的获得name值为user的input框2、:input可以获得表单中的button、select、textarea等标签可以通过:input在使用name值获得准确的标签名如：$(':input[name=btn]

2018-01-20 17:32:45 1181

原创 jQuery中的DOM节点

jQuery中的DOM节点的一些操作一、DOM节点操作1、$('111');DOM中创建节点的方法直接在$内部写药常见的内容中文最好写在html文档内写在js文档内可能会出现乱码的情况2、prepend()方法、append()方法向指定元素的内部前面、后面插入节点内部可以直接在""引号内些如要添加的内容内部还可以传入function(index,ht

2018-01-20 15:36:23 251

原创 jQuery中的DOM基础与CSS方法

jQuery中的DOM基础与CSS方法一、jQuery中的一些DOM方法1、html()方法可以获得元素中的html内容包括html标签html()方法中的value属性可以将里面的html内容进行更改会将里面的html中的标签自动进行解析2、text()方法可以获得元素中的文本内容text()方法中的value值会将html代码进行转化显示在页面上

2018-01-20 09:04:37 302

原创 jQuery 选择器与常用的方法

jQuery选择器与一些常用的方法1、jQuery是JavaScript里面一些函数的库，下载的地址为jquery.com2、jQuery中的常规选择器 1) jQuery中有的选择器 class类元素类 id类群组选择器后代选择器通配选择器（*） 2) jQuery中的选择器与CSS中的选择器非常相似只是有些许的不同 3) c

2018-01-19 09:58:34 486

原创 jQuery导航的插件

jQuery导航的插件此代码可以实现鼠标滑动时导航滑下，鼠标移开时导航收回。此代码运用jQuery插件实现，可以整体的使用，也可以部分的使用。代码实现如下：在整体部分实现主代码：导航插件/jquery/1.4.0/jquery.min.js">调用jQuery中自定义的导航插件 .list{ list-st

2018-01-07 17:39:39 342

原创 js中的正则表达式

js中的正则表达式var box = new RegExp(''); 标准格式var box = /Box/; 字面格式更为常用正则表达式中有test()、exec()两种比较格式test() 有值时返回true 无值时返回falseexec() 返回的是数组格式有值时为内容无值时为nullmatch() 将所有匹配的字符串按数组的方式返回有全局变

2018-01-07 11:46:39 235

原创括号配对问题

括号配对问题 1.基本思想栈的应用：算法思想 1.顺序扫描字符串 2.当栈为空的时候该字符入栈 3.当该字符与栈顶字符匹配时退出栈顶，否则入栈 4.当字符串扫描完时判断栈是否为空，栈为空就说明括号匹配，否则括号不匹配

2017-11-01 16:23:39 353

原创 HTML中音乐与视频的插入

HTML中音乐与视频的插入html中的简单知识点html5中的audio音乐播放器与video视频播放器的使用及其属性1.embed属性 autoplay 自动播放已经加载的的媒体文件，或查询是否已设置为autoplay loop 将媒体文件设置为循环播放，或查询是否已设置为loop volume 设置音量大小

2017-09-18 21:13:51 1868

原创 js中的函数封装，回调函数实现的简单动画效果

js实现的简单动画效果一、js实现的简单动画 1、此代码中运用了js中的构造函数，函数封装，回调函数，函数内的正负值的判断，以及获取属性、setInterval等知识点实现了简单的动画效果。 2、动画的效果是：点击走的按钮，页面中的div会沿着你设置的位置进行行走，走一圈，最后回到初始位置。 3、

2017-07-02 11:52:18 1164

原创 js中setInterval与setTimeout的区别及换背景样例

js中setInterval与setTimeout的区别一、setInterval与setTimeout 1、setInterval(函数,时间值(毫秒)) 设置定时器重复循环 clearInterval(清除的定时器) 清除定时器函数不可以带引号和小括号 2、setTimeout(函数

2017-07-01 20:32:25 358

原创 js中的arguments属性

js中的arguments属性一、arguments属性——实参的集合 1、arguments 即可读又可写 2、arguments对象只有函数开始时才可用 3、虽然arguments对象并不是一个数组，但是访问单个参数的方式与访问数组元素的方式相同 4、当函数的参数个数无法确定时，就用arguments进行传参

2017-07-01 20:22:16 622

原创 js中函数的返回值return

js中函数的返回值：return一、函数的返回值需要注意的几点： 1、函数名+括号：如fn1() == return 后面的值 2、所有函数默认返回值：都是未定义 undefined 3、return 后面的任何代码都不执行了二、函数返回值的类型及实例： 1、return返回的类型： js中函数的返回值类型有数字、字符串、布尔值、函

2017-06-30 11:26:22 10183

原创 js中获取元素属性、currentStyle与getComputedStyle的区别

js中获取元素属性一、层叠样式表的是三种形式： 1.内联样式：在HTML标签用style属性设置例如：内联样式 2.嵌入样式：通过标签内通过标签设置 p {color:#456} 3. 外部样式：通过标签设置

2017-06-30 11:00:14 452

原创 js的流程控制语句及反选实例

js的流程控制语句一、流程控制语句 1、if...else if语句与switch语句两个语句十分相似，实现的效果也相同 //if...else if 判断 var str = 'css'; if( str === 'js'){ alert('j

2017-06-29 11:15:16 353

原创腾讯首页隔行换色效果及js作用域的实例

js作用域实现腾讯首页隔行换色效果一、腾讯首页隔行换色效果此效果通过函数内的变量，作用域，for循环，索引值，this，空变量储存等知识实现了隔行换色的效果，及鼠标移动到指定位置颜色改变，移开时颜色变为原来的颜色的效果。代码如下：腾讯首页隔行换色

2017-06-29 10:55:06 523

原创 js的作用域问题及简单练习

js的作用域问题一、作用域：在js中的作用：读、写 1、js代码在浏览器中的实现过程 1) "找一些东西"：关键字如 var function 参数 a = 未定义所有的变量，在正式运行代码之前，都提前赋了一个值:未定义 fn1

2017-06-29 10:51:55 667

原创 js中传参的实例多组图片的指定切换与商品价格的计算

js中函数传递参数的实例一、在js中函数的传递参数可以很好的实现代码的重用代码的重用需要注意以下几点 1、尽量保持HTML代码结构一致，可以通过父级选取子元素 2、把核心主要程序实现，并用函数包起来 3、把每组里不同的值找出来，并用函数传参实现二、利用js中函数传参实现多组图片的指定切换效果代码如下：

2017-06-22 15:09:19 935

原创 js中函数的传递参数

js中函数的传递参数一、js中函数传递参数 1、函数传递的参数类型 = js的数据类型数字、字符串、布尔值、数组、函数、对象、未定义 1)数字代码如下： fn1(100); function fn1(a){ //相当于var a = 100;

2017-06-22 14:55:06 6912

原创 js中数据转换中的NaN属性，isNaN()的用法

js中数据转换中的NaN属性，isNaN()的用法一、NaN属性 1、NaN：NaN:not a number 不是一个数字但是数字类型 var a = Number('abc'); alert(a); //NaN alert(typeof a); //number 2、NaN

2017-06-20 16:58:01 2361

原创 js中数据的显式转换与隐式转换

js中数据的显式转换与隐式转换一、js中的数据类型：数字字符串布尔值函数对象(obj {} [] null) 未定义二、js中数据的显式转换方法：Number(), perseInt(), perseFloat()1、Number() NUmber() 是进行整体的转换，整体中如果有非数字的值，则不能进行转换，返回的值为NaN 在js中使用Num

2017-06-20 16:52:11 590

原创 js中的图片指定切换效果

js中的图片指定切换效果的实现用到的js中的知识：js中的for循环的熟练运用 js中的this属性：指的是调用当前方法（函数）的那个对象 js中的自定义属性：js可以为任意的HTML元素添加任意个自定义的属性js中的索引值属性：在js中当你想建

2017-06-19 14:52:21 428

原创 js的自定义属性及多一排图片的点击切换效果的实现

js的自定义属性自定义属性：js可以为任意的HTML元素添加任意个自定义的属性（可进行读和写的操作）自定义属性的设置方法：HTML属性值.自定义变量 = 赋值；window.onload = function(){ var oBtn = document.getElementById('btn1'); oBtn.a

2017-06-15 18:42:11 1046

原创 js中this及碰触浮现div实例

js中this的用法 this：指的是调用当前方法（函数）的那个对象，切记，一定要是当前的那一个！ this使用时的几种情况：1) alert(this); this指向的是window alret(this);实际是缩写，全写为window.alert(this); 所以此时alert的当前其实就是windou2) function fn(){alert(this

2017-06-15 18:20:23 976

原创 js的判断以及图片的点击切换效果

js的判断知识1、js中判断的几种类型 1) if( 判断条件 ){ 条件成立时，执行里面的语句条件不成立时，不执行 } 2)if( 判断条件 ){ 条件成立时，执行里面的语句 } else{ 条件不成立时，

2017-06-13 11:59:11 2420

原创 css传统布局

1、position. 1)position:relative; 相对定位. 以自己所在位置为参考点. 自己所在位置为 top:0; left:0;

2017-04-20 19:51:04 1098

努力的zhiyi