jq
panliyou
这个作者很懒,什么都没留下…
展开
-
js实现手风琴效果
js实现手风琴效果完成的效果:这里需要用到上一篇文章里封装好的缓动动画https://blog.csdn.net/weixin_39411655/article/details/113914024.原创 2021-03-29 19:07:33 · 4784 阅读 · 0 评论 -
jq选择器和过滤器总结
jq选择器和过滤器总结jq选择器:基础选择器Id选择器:语法 $(’#id名’)类选择器:语法 $(’.类名’)标签选择器:语法 $(‘标签名’)选择所有html元素:语法$("*")同时选择多个html元素:语法$(“selector1,selector2…,selectorN”)jq选择器:层次选择器祖先后代选择器:语法 $(‘祖先 后代’)父子选择器:语法 $(‘父亲>儿子’)兄弟选择器:语法:$(‘目标’).siblings()jq过滤器:基本过滤器匹配目标的第一个元素原创 2021-03-29 18:56:45 · 4181 阅读 · 0 评论 -
jq两行代码实现tab栏切换
jq两行代码实现tab栏切换主要思想:排它思想所有元素全部清除样式(干掉其他人) 给当前元素设置样式(留下我自己)完成效果如下:html主要结构,添加了一个current类为当前的tab切换栏和内容栏,tab切换栏和内容栏结构大致相同,开始内容栏全部为隐藏只显示有current类的内容栏 <div class="hd"> <span>tab1</span> <span class="current">原创 2021-02-20 20:39:33 · 379 阅读 · 0 评论 -
jq的分页插件paginator的使用方法
jq的分页插件paginator的使用方法资料下载地址:[https://download.csdn.net/download/weixin_39411655/15204488]实现步骤1.引入分页插件的css:jquery.pagination.css2.引入入jq插件js:jquery-1.12.4.min.js3.引入分页插件的js:jquery.pagination.min.js效果图:代码:<!DOCTYPE html><html lang="en">原创 2021-02-11 18:11:29 · 447 阅读 · 1 评论 -
jq实现搜索功能,保存最新的十条搜索历史记录
jq实现搜索功能,保存最新的十条搜索历史记录步骤:1.用户点击搜索按钮百度一下获取用户输入的值 数据安全处理 判断用户输入是否为空为空则不做处理 获取存储在localhost的历史记录为数组如果没有则第一次存储给他一个空数组 如果有值则取出来,判断用户输入的值是否已经存在 如果存在则把之前的干掉从新添加到数组的前面判断数组里面是否超过十条记录,超过则干掉最后一条2.输入框的处理样式改变就不作说明了,主要是js逻辑 如果输入框有焦点则显示历史记录,如果历史记录为空则不管 点击其它地方输入框原创 2021-02-10 20:20:06 · 1368 阅读 · 0 评论 -
初学JQ使用一些动画效果时常常会忘记stop()的重要性
初学JQ使用一些动画效果时常常会忘记stop()的重要性如下图就是jq执行动画没有加stop(),每次移入移出系统都记住了,当你快速移入移出的时候你鼠标此时虽然是移出了,但是这个动画还没有执行完次数所以就会出现这种情况,stop()是清除之前的动画,执行最后一次动画。<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewp原创 2021-02-10 15:17:21 · 132 阅读 · 0 评论 -
jq制作樱花飘落特效
jq制作樱花飘落特效今天看到一些网站有樱花飘落,雨滴,流星,孔明灯等在整个页面飘动的特效,经过查询资料自己也做了一个,分享给大家整体用到了jq 1.12.4版本的插件和jq的transit插件思路:1.创建一个樱花的元素即为樱花图片2.产生的樱花图片不止一个应该为随机一张图片3.控制这个樱花的运动轨迹,即樱花开始飘落位置和结束位置也是随机的4.设置一个定时器每个一段时间调用这个樱花飘落的函数<!DOCTYPE html><html lang="en"><h原创 2021-01-18 22:44:26 · 5218 阅读 · 1 评论