hi,欢迎访问本站! 后台设置后台设置后台设置
当前位置: 首页 Jquery列表

Jquery

JS/JQ

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

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

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',

JS/JQ

利用JQ获取某个元素下的所有图片并改变其属性

上一篇文章说了一下,PHP利用正规表达式来获取htnl内容中的所有图片,并获取其中的各个属性。但是在很多的地方还是利JQ来改变DOM节点可以达到这样的目的。今天就遇到了一个,图片灯箱的插件,需要改变图片的属性来实现效果,当然在我们编辑文章的时候,是不可能每次都要改变图片的属性的,尤其对小白来说。比如我用到的插件,需要向在文章中的图片元素中

JS/JQ

jquery解绑移除click事件的方法

ZBLOG PHP 墨初三栏创作者主题最近在写单页面的前端框架,发现ajax加载同一个页面二次以上后其页面元素绑定的 click 事件会被同时多次调用,通俗来说就是 ajax 加载的页面其元素绑定的事件会被缓存到浏览器中,无论再次ajax加载其页面还是切换到别的页面,浏览器中的JS事件是不会清除的,所以我们就需要通过jq代码手动来清除这事

JS/JQ

jQuery ajax()使用serialize()提交form数据

这几天一直在适配用户中心插件,基本的功能也差不多了,时间不长就会上线用户中心,当然适配的过程中也遇到不少的问题,今天记录一下。jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串。我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化如:<form action=""&g

JS/JQ

jQuery实现的经典竖向伸缩菜单效果代码

这是一个利用jquery制作的竖向伸缩菜单的实例,每点击一次主菜单,会拉开出对应的二级菜单,同时其它展开的二级菜单会自动合拢。为了方便以后可以偷懒,把它记录下来,方便日后使用。先上一张实例的演示图片:代码如下:HTML代码:<!DOCTYPE html"><head><meta http-equiv

JS/JQ

jQ中几种追加元素的方法

在互联网的世界中几乎所有的网站都要用到JS,但有时候JS操作起来不是很方便,那么我们可以利用JQ插件对网页的DOM树节点进行操作,正好现在本博主也正自学JQ的操作,下方记录几种JQ如何追加元素的方法。append() 方法 append() 方法是在被选定元素的内容的结尾后,追加元素代码:$("p").append(&

JS/JQ

利用弹出窗口实现打赏的代码

很多的博客的博主们都喜欢在每篇文章的底部加入一个打赏的功能,虽然不会有人真的给打赏一些小费,好在有比没有要强的多,它可以使博客的内容更加的丰富起来。今天记录一下关于自己写的一个打赏的实例。先上图,大家看一下效果:上面的图片为弹出窗口后的样式,我们可以利用网页上的一个A标签,来弹出窗口,如下图下面是重要的环节了,贴出代码:JS代码:func

点击下拉