hi,欢迎访问本站! 后台设置后台设置后台设置
当前位置: 首页 前端设计 JS/JQ 列表

JS/JQ

JS/JQ

wow.js让你的网页元素活跃起来

很多的网站,尤其是一些手机官网或某种产品的官网,都会把自己网站的页面中一些元素作得美观起来。比如一些产吕,在打开网页或网页下拉到产品图片的时候,图片就像活了一样动起来,很是有趣。今天介绍一款,让网页元素活跃起来的JS插件,WOW.js此插件必须依赖Animated.css使用使用方法引入WOW.js和animate.css可以从文章最下方

JS/JQ

javascript中ClassName属性的详解与实例

在javascritp中,我们可以通过style属性可以控制元素的样式,从而实现行为层通过DOM的style属性去干预显示层显示的目标,但是这种方法是不好的,而且为了实现通过DOM脚本设置的样式,你不得不花时间去研究javascrip函数,去寻找对应修改和设置样式的有关语句。而且每次修改和添加JS脚本的工作量远远大于我们修改CSS属性的量

JS/JQ

javascript中的innerHTML属性有什么作用

innerHTML在javaScript中具有双向功能,一是可以从指定的元素对象中获取内容,二是可以把自定义内容插入到指定的元素对象中去。定义和用法innerHTML属性用于设置或返回指定标签之间的HTML内容Object.innerHTML = "HTML";// 设置 var html = Object.inne

JS/JQ

javascript在指定的元素前或后插入新元素

在前几篇的博文中,我们说了利用appendChild方法可以在DOM文档流中指定的元素后追加利用createElement方法和createTextNode方法创建的新元素,但是appendChild追加的元素都是子元素,不可以现实我们需要下面说的在指定元素前或后插入新元素的方案。insertBefore()方法insertBefore(

JS/JQ

javascript中创建元素节点,文本节点与插入节点

在javascript中提供了很多操作DOM文档的方法,当然也包括创建一个节点(元素),创建一个文本节点(text),还有把创建的节点插入到文档中去。createElement方法createElement方法创建一个新的元素节点,但他只能创建元素并不能创建元素中的内容语法:document.createElement(nodename)

JS/JQ

javascript中的addLoadEvent函数解析

onload事件是HTML DOM Event 对象的一个属性,又叫事件句柄(Event Handlers),它会在页面或图像加载完成后(注意是加载完成后)立即发生。window.onload = func的作用就是在页面加载完成后将func函数绑定到onload事件上并执行。如果页面加载完成之后,只需要执行一个函数func,那么只用wi

JS/JQ

JaveScript操作DOM节点的childNodes属性

在一棵节点树上(DOM文档),childNodes属性可以获取任何一个节点下的所有子元素节点,它获取的值是一个包含这个元素全部子元素的数组,但是这个数组中包含的东西太多,几乎每一样东西都是一个节点,甚至连空格以及换行符都被解释成一个节点。比如,我们想把一个元素节点中所有的子元素节点都获取出来,该如何做呢?例:获取ID为mochu元素下的所

JS/JQ

JavaScript中常见获取元素的方法汇总

网页的制作离不开JavaScript(JS)今天就说说那些关于JavaScript(JS)操作DOM节点的一些属性,做个记录,以备后续查找!getattribute()DOM提供了一个名为getElementById的方法,这个方法将返回一个与之对应id属性的节点对象。使用的时候请注意区分大小写。它是document对象特有的函数,只能通

JS/JQ

JS实现上传头像并实时预览

说起各大网站的用户中心功能,其中就少不了用户头像上传这个小小的功能,如果我们依托框架来编写的的话,相信非常的容易,但如果我们自己来单纯的使用JS来实现头像上传,并在选择本地头像的时候,实现预览我想也是很容易的。用html的file标签就能实现图片上传前预览,原理就是通过file标签和js的FileReader接口,把选择的图片文件调用re

JS/JQ

jq实现禁止页面上下滚动并隐藏滚动条

在前端的某些场景下,需要禁止用户来上下滚动页面,只有在触发某些事件时才会解除用户对页面上下滚动的限制,而这些功能如果用js该如何实现呢?jq禁止页面滚动的示例jq代码<script>var top = $(document).scrollTop();$(document).on('scroll.unable',

点击下拉